1. 程式人生 > >jQuery頁面載入響應事件

jQuery頁面載入響應事件

$(document).ready()方法是事件模組中最重要的一個函式,它極大地提高了Web響應速度。 $(document)是獲取整個文件物件,從這個方法名稱來理解,就是獲取文件就緒的時候。 方法的書寫格式為:  $(document).ready( function()  {             //在這裡寫程式碼 }); 可以簡寫成:  $().ready( function()  {            //在這裡寫程式碼 });  當$()不帶引數時,預設的引數就是document,所以$()是$(document)的簡寫形式。 還可以進一步簡寫成: $( function()  {            //在這裡寫程式碼 });  雖然語法可以更短一些,但是不提倡使用簡寫的方式,因為較長的程式碼更具可讀性,也可以防止與其他方法混淆。 通過上面的介紹我們可以看出,在jQuery中,可以使用$(document).ready()方法代替傳統的window.onload()方法,不過兩者之間還是有些細微的區別的,主要表示在以下兩方面。 1、在一個頁面上可以無限制地使用$(document).ready()方法,各個方法間並不衝突,會按照在程式碼中的順序依次執行。而一個頁面中只能使用一個window.onload()方法。 2、在一個文件完全下載到瀏覽器時(包括所有關聯的檔案,例如圖片、橫幅等)就會響應window.onload()方法。而$(document).ready()方法是在所有的DOM元素完全就緒以後就可以呼叫,不包括關聯的檔案。例如在頁面上還有圖片沒有載入完畢但是DOM元素已經完全就緒,這樣就會執行$(document).ready()方法,在相同條件下window.onload()方法是不會執行的,它會繼續等待圖片載入,直到圖片及其他的關聯檔案都下載完畢時才執行。所以說$(document).ready()方法優於window.onload()方法。

相關推薦

jQuery頁面載入響應事件

$(document).ready()方法是事件模組中最重要的一個函式,它極大地提高了Web響應速度。 $(document)是獲取整個文件物件,從這個方法名稱來理解,就是獲取文件就緒的時候。 方法的書寫格式為:  $(document).ready( function()  {             /

Query學習--jQuery頁面載入完成事件

所有 jQuery 函式位於一個 document ready 函式中: $(document).ready(function(){    // 此處填寫頁面載入完成後要執行的操作 }); 這是為了防止文件在完全載入(就緒)之前執行 jQuery 程式碼。 如果

JavaScript及JQuery頁面載入事件理解

1、JavaScript頁面載入事件window.onload,  在頁面Dom結構及所有資原始檔全部載入完成後執行,頁面多個的時候只執行一個。 2、JQuery有如下頁面載入事件:     a、$(document).ready( )或 $( function( ){

Js及Jquery頁面載入後執行的函式

JavaScript 方式一:window.onload: 當一個文件完全下載到瀏覽器中時,才會觸發window.onload事件。這意味著頁面上的全部元素對js而言都是可以操作的,也就是說頁面上的所有元素載入完畢才會執行。這種情況對編寫功能性程式碼非常有利,因為無需考慮載入的次序。 w

js jquery 頁面載入初始化方法

一.js 頁面載入初始化方法 // 1.在body裡面寫初始化方法. <body onload='init()'> </body> <script type="text/javasc

JavaScript與JQuery頁面載入區別

  傳統的方式頁面載入會存在覆蓋問題,載入比JQuery慢(整個頁面載入完畢<包括裡面的其它內容,比如圖片>) JQuery的載入比JS載入要快!(當整個dom樹結構繪製完畢就會載入) JQuery不存在覆蓋問題,載入的時候是順序執行 <

UIWebView與javascript互動二通過頁面響應事件獲取頁面輸入框內的值

接上篇文章,上篇文章實現了UIwebview對html檔案的載入和對js事件的響應,但是對html頁面上輸入的值沒有獲取。 今天就來說說這個首先要用到工具類WebViewJavascriptBridge 下載地址 然後將工具類匯入到專案中。 其中te

JavaScript DOM(一)--頁面載入完成事件與獲取元素節點

window.onload與$(document).ready()比較 比較項\js or jQuery window.onload $(document).ready()

JS 頁面載入觸發事件 document.ready和onload的區別

3.用個最常用的例子說明Dom Ready和Dom Load兩者的區別Dom Ready是在dom載入完成後就可以直接對dom進行操作,比如一張圖片只要<img>標籤完成,不用等這個圖片載入完成,就可以設定圖片的寬高的屬性或樣式等; Dom Load是在整個document文件(包括了載入圖片等其

jQuery頁面載入初始化的幾種方法

在新的公司裡工作,最近一直在做關於js和jQuery的開發,下面三種是最常見的jquery頁面載入初始化的方法 第一種,去年實習時的公司用的是這樣 $(function(){ //定義區

jQuery頁面載入初始化常用的三種方法

當頁面開啟時我們需要執行一些操作,下面為大家介紹三種不錯的方法,大家可以參考下 當頁面開啟時我們需要執行一些操作,這個時候如果我們選擇使用jquery的話,需要重寫他的3中方法,自我感覺沒什麼區

jQuery頁面載入初始化的3種方法

第一種: $(document).ready(function(){ alert("第一種方法。"); });第二種: $(function(){ alert("第二種方法。"); }); 第三種: jQuery(function($) { alert("第三種方法。

JS 頁面載入觸發事件 document.ready和window.onload的區別

轉載於:https://www.cnblogs.com/feiyuhuo/p/5097385.html document.ready和onload的區別——JavaScript文件載入完成事件 頁面載入完成有兩種事件: 一是ready,表示文件結構已經載入完成(不包

jquery頁面載入就執行

window.onload = function() { $(".active").removeClass("active");$("#about").addClass("active");}; $(document).ready(function(){ $(".active

jquery頁面載入完成後執行方法

引入jquery 1、$(function(){   $("#a").click(function(){     //adding your code here   }); }); 2、$

jquery--blur()事件,在頁面載入時自動獲取焦點

jquery--blur()事件會在頁面載入時自動獲取焦點,應將onblur寫到html標籤中 <div class="inputbox"> <input type="text" name="" id="uPhone" placeholder="手機號" onblur="va

從零開始學 Web 之 jQuery(一)jQuery的概念,頁面載入事件

一、jQuery的概念 1、什麼是 JavaScript 庫? JavaScript 開發的過程中,處理瀏覽器的相容很複雜而且很耗時,於是一些封裝了這些操作的庫應運而生。這些庫還會把一些常用的程式碼進行封裝。 把一些常用到的方法寫到一個單獨的 js 檔案,使用的時候直接去引用這js檔案就可以了,這個 js

jQuery的概念,頁面載入事件

一、jQuery的概念1、什麼是 JavaScript 庫?JavaScript 開發的過程中,處理瀏覽器的相容很複雜而且很耗時,於是一些封裝了這些操作的庫應運而生。這些庫還會把一些常用的程式碼進行封裝。把一些常用到的方法寫到一個單獨的 js 檔案,使用的時候直接去引用這js檔案就可以了,這個 js 檔案就是

javascript與jquery動態綁定事件需要先加載頁面註意的坑

如果 cli ntb on() ner nbsp 自動加載 load query 1、javascript的Dom對象動態事件綁定註意以下2點,如:document.getElementById("id名稱").addListenerEvent("事件名稱",functio

Vue使用jQuery ajax載入資料頁面無顯示解決方法

無資料程式碼為  <script> new Vue({ el:"#demo", data:{list:find()} }) function find(){ var ss; $.ajax(