比Jquery的document.ready更快的方法
更新時(shí)間：2010年04月28日 19:31:13 作者：
這個(gè)是上次在博客園看到的一篇文章，經(jīng)測(cè)試，確實(shí)比jquery的$(document).ready(function(){....})更快，并且在ie和火狐等主流瀏覽器上都沒(méi)問(wèn)題
這個(gè)是上次在博客園看到的一篇文章，經(jīng)測(cè)試，確實(shí)比jquery的$(document).ready(function(){....})更快，并且在ie和火狐等主流瀏覽器上都沒(méi)問(wèn)題，
忘了原創(chuàng)是誰(shuí)了，如果主人看到可以聯(lián)系我， 我會(huì)立刻加上原文出處的，敬請(qǐng)見(jiàn)諒。
var jb51 =new function() {
dom = [];
dom.isReady = false;
dom.isFunction = function(obj) {
return Object.prototype.toString.call(obj) === "[object Function]";
}
dom.Ready = function(fn) {
dom.initReady();
//如果沒(méi)有建成DOM樹，則走第二步，存儲(chǔ)起來(lái)一起殺
if (dom.isFunction(fn)) {
if (dom.isReady) {
fn();
//如果已經(jīng)建成DOM，則來(lái)一個(gè)殺一個(gè)
} else {
dom.push(fn);
//存儲(chǔ)加載事件
}
}
}
dom.fireReady = function() {
if (dom.isReady) return;
dom.isReady = true;
for (var i = 0, n = dom.length; i < n; i++) {
var fn = dom[i];
fn();
}
dom.length = 0;
//清空事件
}
dom.initReady = function() {
if (document.addEventListener) {
document.addEventListener("DOMContentLoaded",
function() {
document.removeEventListener("DOMContentLoaded", arguments.callee, false);
//清除加載函數(shù)
dom.fireReady();
},
false);
} else {
if (document.getElementById) {
document.write("<script id=\"ie-domReady\" defer='defer'src=\"http://:\"><\/script>");
document.getElementById("ie-domReady").onreadystatechange = function() {
if (this.readyState === "complete") {
dom.fireReady();
this.onreadystatechange = null;
this.parentNode.removeChild(this)
}
};
}
}
}
}
忘了原創(chuàng)是誰(shuí)了，如果主人看到可以聯(lián)系我， 我會(huì)立刻加上原文出處的，敬請(qǐng)見(jiàn)諒。
復(fù)制代碼 代碼如下:
var jb51 =new function() {
dom = [];
dom.isReady = false;
dom.isFunction = function(obj) {
return Object.prototype.toString.call(obj) === "[object Function]";
}
dom.Ready = function(fn) {
dom.initReady();
//如果沒(méi)有建成DOM樹，則走第二步，存儲(chǔ)起來(lái)一起殺
if (dom.isFunction(fn)) {
if (dom.isReady) {
fn();
//如果已經(jīng)建成DOM，則來(lái)一個(gè)殺一個(gè)
} else {
dom.push(fn);
//存儲(chǔ)加載事件
}
}
}
dom.fireReady = function() {
if (dom.isReady) return;
dom.isReady = true;
for (var i = 0, n = dom.length; i < n; i++) {
var fn = dom[i];
fn();
}
dom.length = 0;
//清空事件
}
dom.initReady = function() {
if (document.addEventListener) {
document.addEventListener("DOMContentLoaded",
function() {
document.removeEventListener("DOMContentLoaded", arguments.callee, false);
//清除加載函數(shù)
dom.fireReady();
},
false);
} else {
if (document.getElementById) {
document.write("<script id=\"ie-domReady\" defer='defer'src=\"http://:\"><\/script>");
document.getElementById("ie-domReady").onreadystatechange = function() {
if (this.readyState === "complete") {
dom.fireReady();
this.onreadystatechange = null;
this.parentNode.removeChild(this)
}
};
}
}
}
}
您可能感興趣的文章:
- jquery中的$(document).ready()使用小結(jié)
- Jquery中"$(document).ready(function(){ })"函數(shù)的使用詳解
- JQuery的ready函數(shù)與JS的onload的區(qū)別詳解
- 模擬jQuery中的ready方法及實(shí)現(xiàn)按需加載css,js實(shí)例代碼
- jquery ready函數(shù)、css函數(shù)及text()使用示例
- jquery ready(fn)事件使用介紹
- JQuery onload、ready概念介紹及使用方法
- jQuery之$(document).ready()使用介紹
- jQuery 源碼分析筆記(4) Ready函數(shù)
- jQuery ready函數(shù)濫用分析
- Jquery知識(shí)點(diǎn)一 Jquery的ready和Dom的onload的區(qū)別
- jquery ready()的幾種實(shí)現(xiàn)方法小結(jié)
- jquery的$(document).ready()和onload的加載順序
- JQuery中的ready函數(shù)沖突的解決方法
- JQuery 引發(fā)兩次$(document.ready)事件
- jquery $(document).ready() 與window.onload的區(qū)別
- JQuery下關(guān)于$.Ready()的分析
- 提取jquery的ready()方法單獨(dú)使用示例
相關(guān)文章
jQuery File Upload 是一個(gè)Jquery文件上傳組件，支持多文件上傳、取消、刪除，上傳前縮略圖預(yù)覽、列表顯示圖片大小，支持上傳進(jìn)度條顯示；支持各種動(dòng)態(tài)語(yǔ)言開發(fā)的服務(wù)器端.這篇文章主要介紹了jQuery File Upload文件上傳插件使用,需要的朋友可以參考下2016-12-12
Jquery 監(jiān)視按鍵，按下回車鍵觸發(fā)某方法的實(shí)現(xiàn)代碼
這篇文章主要介紹了jquery監(jiān)視按鍵，當(dāng)按下回車鍵時(shí)觸發(fā)事件的一個(gè)例子，有需要的朋友可以參考下2014-05-05
jquery 插件開發(fā) extjs中的extend用法小結(jié)
在jquery中，extend其實(shí)在做插件時(shí)還是用的比較多的，今天同時(shí)小結(jié)jquery和ext js中的extend用法,有需要的朋友可以參考下2013-01-01
今天自己寫了個(gè)輕量級(jí)的三級(jí)展開菜單，如果需要可以在增加一級(jí)別，一般公司的項(xiàng)目三級(jí)都足夠了。2011-04-04
jquery+ajax實(shí)現(xiàn)注冊(cè)實(shí)時(shí)驗(yàn)證實(shí)例詳解
這篇文章主要介紹了jquery+ajax實(shí)現(xiàn)注冊(cè)實(shí)時(shí)驗(yàn)證的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery基于ajax請(qǐng)求實(shí)現(xiàn)注冊(cè)時(shí)無(wú)刷新驗(yàn)證的相關(guān)技巧,需要的朋友可以參考下2015-12-12
這篇文章主要介紹了jQuery中siblings()方法用法,實(shí)例分析了siblings()方法的功能、定義及獲取匹配元素集合中每一個(gè)元素的同輩元素的使用技巧,是進(jìn)行元素篩選時(shí)非常實(shí)用的方法,需要的朋友可以參考下2015-01-01
有時(shí)候需要設(shè)置iframe的src屬性，下面是基于jquery的實(shí)現(xiàn)代碼。2010-11-11
jquery Firefox3.5中操作select的問(wèn)題
不過(guò)最近安裝了FF3.5正式版，發(fā)現(xiàn)這種方法在它下面得不到值，就去看jquery的幫助文檔，在文檔中對(duì)select選中的引用是用如下方法2009-07-07
jQuery實(shí)現(xiàn)小球點(diǎn)擊發(fā)射動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)小球點(diǎn)擊發(fā)射動(dòng)畫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-01-01
利用jQuery接受和處理xml數(shù)據(jù)的代碼(.net)
以下使用jQuery+Servlet接受和處理xml數(shù)據(jù)，模擬判斷用戶名是否存在2011-03-03