生活随笔
收集整理的這篇文章主要介紹了
JQuery官方学习资料（译）：$( document ).ready()
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
? ? ?一個(gè)頁(yè)面直到document是”ready“才能被安全的操作，Jquery為你檢查這種狀態(tài)。代碼包含在$( document ).ready()的內(nèi)部將會(huì)僅僅運(yùn)行一次在頁(yè)面Document Object Model (DOM)準(zhǔn)備好執(zhí)行JS代碼之后。代碼包含在$( window ).load(function() { ... })的內(nèi)部將會(huì)運(yùn)行一次在整個(gè)頁(yè)面里準(zhǔn)備好之后，不僅僅是DOM。 | $( document ).ready(function() { console.log( "ready!" ); }); |
? ? ?有經(jīng)驗(yàn)的開發(fā)人員有時(shí)會(huì)使用$( document ).ready()的縮寫。如果你不是有經(jīng)驗(yàn)的jquery開發(fā)人員，最好還是寫完整。 | $(function() { console.log( "ready!" ); }); |
? ? ?你也可以通過(guò)一個(gè)命名函數(shù)去$( document ).ready()，而不是通過(guò)匿名函數(shù)。 | //傳遞方法名 function readyFn( jQuery ) {} $( document ).ready( readyFn ); $( window ).load( readyFn ); |
? ? ?下面的例子是$( document ).ready()和$( window ).load()，這代碼嘗試去加載一個(gè)網(wǎng)站在<iframe>里并檢查這兩個(gè)事件。 | <html> <head> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script> $( document ).ready(function() { console.log( "document loaded" ); }); $( window ).load(function() { console.log( "window loaded" ); }); </script> </head> <body> <iframe src="http://techcrunch.com"></iframe> </body> </html> |
? ? ? ? ? ? ? ? ? ?
轉(zhuǎn)載于:https://www.cnblogs.com/liusuqi/p/3281872.html
《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀
總結(jié)
以上是生活随笔為你收集整理的JQuery官方学习资料（译）：$( document ).ready()的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。
