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

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

高洛峰
發布: 2017-03-12 17:47:11
原創
1915 人瀏覽過

js在html中的載入執行順序

#1.載入順序:引入標記
 
 
 
這樣IE下和其他瀏覽器輸出值的順序都是一直以來的輸出值了:1、2、我是1、3

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

5、同名JS函數執行順序

<!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」執行結果: Last aa

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

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板