成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導航首頁 ? 技術教程 ? javaScript和jQuery自動加載簡單代碼實現方法
全站頭部文字 我要出現在這里
javaScript和jQuery自動加載簡單代碼實現方法 820 2024-03-24   

在此之前我們給大家整理過用javaScript和jQuery自動加載的幾種方法,大家可以參考一下:javaScript 頁面自動加載事件詳解

一、JavaScript自動加載

①在文本中用onload: 當頁面中所有內容(包括圖片)加載完后再執行onload,如下:

<body onload="alert(1)"></body>          < 當有一個onload -->
<body onload="alert(2);alert(3);alert(4)"></body> < 當有多個onload用分號隔開,依次彈出 2 3 4 -->

②在腳本中用window.onload: 當頁面中的所有內容(包括圖片)加載完后再執行window.onload,如下:

window.onload = function(){...}; //正確寫法,這是匿名函數

//------------↓多個window.onload的錯誤寫法-------------
window.onload = function(){alert("text1");}; //不執行
window.onload = function(){alert("text2");}; //執行
//------------↑---------------------------------------

//------------↓多個window.onload的正確寫法---------------------------
window.attachEvent("onload",function(){alert('a')});
window.attachEvent("onload",function(){alert('b')});
window.attachEvent("onload",function(){alert('c')});
//重點提示:在IE瀏覽器下用 (window.attachEvent),會彈出 c b a 
//重點提示:其他瀏覽器下用 (window.addEventListener),會彈出 a b c
//------------↑-----------------------------------------------------

二、jQuery自動加載

①當頁面中DOM結構(不包含圖片)加載完后再執行(可能DOM元素關聯的東西并沒有加載完),有三種寫法,如下:

$(document).ready(function(){...});//寫法1,全稱 
$(function(){...});        //寫法2,簡寫 
jQuery(function($){...});     //寫法3,簡寫 

②頁面中所有元素(包括圖片)加載完成才執行,如下。

$(window).load(function() {...}); //等于JavaScript的寫法,如window.onload = function(){...};

③立即執行匿名函數。 當一個匿名函數被括起來,然后再在后面加一個括號,這個匿名函數就能立即運行起來,有兩種寫法,如下:

(function(){...})();    //寫法1,不加參數
(function($){...})(jQuery); //寫法2,加參數,避免與其他變量發生沖突

ip

主站蜘蛛池模板: 孤掷一注在线观看| 宁静是什么民族| 温州新闻| 祈今朝电视剧免费观看完整版 | 小丑回魂1| 弯刀| 我的父亲是板凳 电视剧| 周秀娜与罗仲谦新婚吻戏合集| 头文字d里演员表| 经典常谈周易第二读书笔记| 水牛城66| 马克·吐温| 昭和农村犯罪电影| 阿尔法变频器说明书| 漂亮女员工被老板糟蹋| 七度空间卫生巾图片| 遥远的你我触不可及动漫| 羞羞的铁拳高清免费观看完整版| 江南好简谱| 金三角电影| 超英| 醉翁亭记理解性默写及答案| 打美女屁股免费| 追凶电影| 钦差大臣演员表| 甜蜜宝贝 电影| 美式壁纸| 植田圭辅| 电影《埋葬巴斯托》| 王尧演员| 闵度允李采潭| 沟通能力自我评价| jayden jaymes| 老司机avhd101高清| 追捕电影国语版完整版| 寡妇电影| 抖音网站入口| 左航个人资料| 瞒天过海:美人计 电影| 搜狐搜狐| 小学生版《三国演义》|

!!!站長長期在線接!!!

網站、小程序:定制開發/二次開發/仿制開發等

各種疑難雜癥解決/定制接口/定制采集等

站長微信:lxwl520520

站長QQ:1737366103