兩種方法實現在HTML頁面載入完畢後執行某個js:
Js方法:
<script type=”text/javascript”> window.onload=function (){ var userName=”xiaoming”; alert(userName); } </script>
jQuery方法,需要引用jQuery檔案:
<script type=”text/javascript”> $(document).ready(function (){ var userName=”xiaoming”; alert(userName); }); </script>
或者其簡寫:
$(function (){ var userName=”xiaoming”; alert(userName); });
在DOM載入完就可以執行(比window.onload更早)。在同一頁面中可以多次出現.ready()
兩者主要區別:Window.onload=function (){}:
當一個文件完全下載到瀏覽器中時,才會觸發window.onload事件。這意味著頁面上的全部元素對js而言都是可以操作的,也就是說頁面上的所有元素載入完畢才會執行。這種情況對編寫功能性程式碼非常有利,因為無需考慮載入的次序。
$(document).ready(function (){});
會在DOM完全就緒並可以使用時呼叫。雖然這也意味著所有元素對指令碼而言是可以訪問的,但是,並不意味著所有關聯的檔案都已經下載完畢。換句話說,當HTML下載完成並解析為DOM樹之後,程式碼就會執行。
使用$(document).ready(function (){})一般來說都要優於使用onload事件處理程式,但必須要明確一點,因為支援檔案可能還沒有載入完成,所以類似影象的高度和寬度這樣的屬性此時不一定有效。
注:用把js放在頁面底部的方法以及運用defer=”defer”的方法都是會出現問題的。最好使用$(document).ready(function (){})函式。
出處:https://www.cnblogs.com/66-88/articles/6605003.html
相關推薦
兩種方法實現在HTML頁面載入完畢後執行某個js:
Js方法:<script type=”text/javascript”> window.onload=function (){ var userName=”xiaoming”; alert(userName); } </script&
在HTML頁面載入完畢後執行某個js
在DOM載入完就可以執行(比window.onload更早)。在同一頁面中可以多次出現.ready() 兩者主要區別:Window.onload=function (){}: 當一個文件完全下載到瀏覽器中時,才會觸發window.onload事件。這意味著頁面上的全部元素對js而言都是可以操
HTML頁面載入完畢後執行某個js
1、js方法: <script type="text/javascript"> window.onload=function(){ alert("html頁面載入完成後一"); } </script> 2、jQuery方法:(需要引用j
JS頁面載入完畢後執行的多種方式和比較
做專案的時候可能會遇到這種情況: 一個頁面的中定義了多個onload事件,那麼在此定義window.onload函式的時候可能會不生效或者多個onload之間覆蓋的現象. 有的朋友肯定會說用jQuery的$$(document).ready(func
怎樣在jsp頁面載入時首先執行某個js
假如我們再載入登入頁面時,當載入完成頁面時,把游標指定在使用者名稱那裡 如下所示 一般有兩種做法 1 此方法是游標停留在使用者名稱上 function init(){ var ctrl=docum
跨域問題相關知識詳解(原生js和jquery兩種方法實現jsonp跨域)
syn con 加載 developer 兩種方法 ray exe 編寫 分組 1、同源策略 同源策略(Same origin policy),它是由Netscape提出的一個著名的安全策略。同源策略是一種約定,它是瀏覽器最核心也最基本的安全功能,如果缺少了同源策略,則瀏覽
aNDROID兩種方法實現MENU
music win pup andro com 兩種方法 hao123 popu oid pOpUpWINDOW%E6%98%BE%E7%A4%BA%E7%9A%84%E9%97%AE%E9%A2%98 http://music.hao123.com/songlist/4
淺談兩種方法實現瀏覽器內多個標簽頁之間的通信
tools view -s data- oca microsoft oar art set 調用localstorge、cookies等本地存儲方式。 方法一: localstorge在一個標簽頁裏被添加、修改或刪除時,都會觸發一個storage事件,通過在另一個標簽頁裏監
兩種方法實現Python二分查找算法
進行 n) == bsp highlight log range pre arr 一. arr=[1,3,6,9,10,20,30] def findnumber(l,h,number): mid=(l+h)//2 if arr[mid]==number:
SA:T1編寫主函數法和T2Matlab自帶的SA工具箱GUI法,兩種方法實現對二元函數優化求解——Jason niu
lin plot itl 最優解 IT 主函數 alt 圖片 gui %SA:T1法利用Matlab編寫主函數實現對定義域[-5,5]上的二元函數求最優解—Jason niu [x,y] = meshgrid(-5:0.1:5,-5:0.1:5); z = x.^2 +
兩種方法實現Linux不活動用戶登錄超時後自動登出
https linux ted 一段 ali blog fig home 服務 在平常的工作中,windows系統使用的比較多一些,身邊的很多同事都會對自己的電腦進行一些個性化設置,比如離開一段時間後自動鎖屏、自動關閉屏幕、自動註銷當前登錄等。在windows下可以這樣操作
簡單的實現圖片預覽, 通過原生ajax以及 jQuery兩種方法實現圖片預覽,有更好的辦法可以留言喔................
XML HP OS image end php代碼 append sda ext 1.原生寫ajax實現圖片預覽: 結構: <input type="file"> <img src="" > JavaScri
兩種方法實現STM32F103向串列埠一直髮送資料(程式原始碼,已測試)
串列埠是STM32最為重要的資源,在平時的硬體除錯和軟體除錯中都是不可或缺的工具,最近在測試一塊板子的通訊功能是否正常,我打算用板子A的串列埠USART1一直向串列埠傳送資料,用板子B的串列埠1接收資料,並將接收到的資料經過處理後顯示在LCD
兩種方法實現Python二分查詢演算法 兩種方法實現Python二分查詢演算法
兩種方法實現Python二分查詢演算法 一. ? 1 2
Java——用兩種方法實現字串逆序
package com.zth; public class Test{ public static String fun1(String str){ //方法一 將字串轉換為字元陣列 char[] arr = str.toCharA
限制一個遠端會話的使用者(可用兩種方法實現)
要執行該過程,你必須是本地計算機上 Administrators 組的成員,或者你必須被委派了相應的許可權。如果計算機已加入某個域,則 Domain Admins 組的成員可能會執行該過程。作為最安全的操作,請考慮使用“執行方式”執行此過程。有關詳細資訊,請參閱預設本地組、預設組以及使用“執行方式”。 使用以
演算法--兩種方法實現一個Add函式,讓兩個整數相加,但是不能使用+、-、*、/等四則運算子。
方法一:(網上都解釋的很好 這裡就不贅述了) int Add1(int num1,int num2) { int sum, carry; do { //因為位運算加法,0+1=1,1+0=1,0+0=0,1+1=0
八種方法實現CSS頁面底部固定
當我們在寫頁面時經常會遇到頁面內容少的時候,footer會戳在頁面中間或什麼?反正就是不在最底部顯示,反正就是很難看,下面要講的佈局就是解決如何使元素粘住瀏覽器底部, 方法一:footer高度固定+絕對定位 html <div class="dui-container"> <he
基於鄰接矩陣和鄰接表的兩種方法實現無向圖的BFS和DFS
廣度優先搜尋(Breadth-First-Search)和深度優先搜尋(Deep-First-Search)是搜尋策略中最經常用到的兩種方法,特別常用於圖的搜尋. BFS的思想: 從一個圖的某一個頂點V0出發,首先訪問和V0相鄰的且未被訪問過的
LeetCode 206. Reverse Linked List(反轉連結串列)兩種方法實現
本文用兩種方法實現連結串列的反轉(LeetCode 206. Reverse Linked List):①利用next指標穿針引線;②遞迴演算法。 題目: Reverse a singly linked list. Example: Input: 1->2-&g