国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

兩種方法實現在HTML頁面加載完畢后運行某個js

2024-05-06 16:09:06
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了通過兩種方法實現在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()

PS:兩者的主要區別

window.onload:

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

$(document).ready{ }:

會在DOM完全就緒并可以使用時調用。雖然這也意味著所有元素對腳本而言都是可以訪問的,但是,并不意味著所有關聯的文件都已經下載完畢。換句話說,當HMTL下載完成并解析為DOM樹之后,代碼就會執行。

舉一個例子:

假設有一個表現圖庫的頁面,這種頁面中可能會包含許多大型圖像,我們可以通過jQuery隱藏、顯示或以其他方式操作這些圖像。如果我們通過onload頁面設置界面,那么用戶在能夠使用這個頁面之前,必須要等到每一幅圖像都下載完成。更糟糕的是,如果行為稍微添加給哪些具有默認行為的元素(比如鏈接),那么用戶的交互可能會導致意想不到的結果。然而當我們試用$(document).ready(){ }進行設置時,這個界面就會更早地準備好可用的正確行為。

使用$(document).ready(){ }一般來說都要優于試用onload事件處理程序,但必須要明確一點的是,因為支持文件可能還沒有家在完成,所以類似圖像的高度和寬度這樣的屬性此時不一定有效。

注:用把js放在頁面底部的方法以及運用defer="defer" 的方法都是會出現問題的。最好使用上面的函數!
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 大安市| 根河市| 雷州市| 永仁县| 綦江县| 郴州市| 上饶县| 阳高县| 龙岩市| 安顺市| 黄陵县| 南投市| 青川县| 昭平县| 长宁县| 通山县| 丹寨县| 平阳县| 屏边| 雷州市| 黄浦区| 清水县| 金华市| 文山县| 屏东市| 邹平县| 香格里拉县| 绥江县| 彝良县| 万宁市| 上饶市| 勃利县| 和龙市| 连云港市| 富阳市| 新安县| 荣昌县| 重庆市| 眉山市| 大邑县| 汕尾市|