首頁 > 文章 > web前端 > 詳解js在html中的載入執行順序

詳解js在html中的載入執行順序

高洛峰原創: 2017-03-12 17:47:111861瀏覽

js在html中的載入執行順序

#1.載入順序：引入標記b97cb247ad0c0836255176e480ef452b的出現順序，

#頁面上的Javascript程式碼是HTML文件的一部分，所以Javascript在頁面裝載時執行的順序就是其引入標記b97cb247ad0c0836255176e480ef452b的出現順序，
4b6b149b6689658619f677e76e6038ed//410dcaa6053520799bfc73389b115202b294a02d2a53c7a839b9976353068ee2');
//]]>
2cacc6d41bbb37262a98f745aa00fbf0
4ec11beb6c39d0703d1751d203c17053//686f56433c328ac1e217628c47fb31ed');
    document.write('alert(2);')
    document.write('alert("我是" + tmpStr);'); .write('b294a02d2a53c7a839b9976353068ee2');
    //]]>
2cacc6d41bbb37262a98f745aa00fbf0

4ec11beb6c39d0703d1751d203c17053//java b82699cbc42f74e2b6c2ff2501945018
2cacc6d41bbb37262a98f745aa00fbf0
這樣IE下和其他瀏覽器輸出值的順序都是一直以來的輸出值了：1、2、我是1、3

總結：ＩＥ下，用Document.Write方法引用js檔案時，js檔案會出現尚未載入就直接呼叫的情況，因此建議將引用的JS檔案單獨放在一個script區塊中。以確保引用的js檔案完全載入後，再繼續執行後面的Document.Write內容

5、同名ＪＳ函數執行順序

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html>
<head>
<script  type="text/javascript">
function aa() {
        alert(&#39;First aa&#39;)
    }   
</script>   
<title></title>
</head>
<body>
<form id="form1" runat="server">
<br />
<input id="Button1" type="button" value="button"  onclick="aa();"/>
</form>
</body>
<script  type="text/javascript">
function aa(s) {
        alert(&#39;Second aa&#39;);
    }
function aa(s) {
        alert(&#39;Last aa&#39;);
    }
</script>
</html>

　　點選「botton」執行結果：　Ｌast aa

# 在js裡出現同名函數後，你在web頁中呼叫改js函數後，總是呼叫頁面中最後一個載入的函數。

以上是詳解js在html中的載入執行順序的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：你需要了解卻不常見的10個Html標籤下一篇：你需要了解卻不常見的10個Html標籤

看更多