詳解js在html中的載入執行順序
- 高洛峰原創
- 2017-03-12 17:47:111918瀏覽
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('First aa')
}
</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('Second aa');
}
function aa(s) {
alert('Last aa');
}
</script>
</html> 點選「botton」執行結果： Ｌast aa# 在js裡出現同名函數後，你在web頁中呼叫改js函數後，總是呼叫頁面中最後一個載入的函數。
以上是詳解js在html中的載入執行順序的詳細內容。更多資訊請關注PHP中文網其他相關文章！