最主要的原因就是我們忽略了乙個html**的執行的順序,從上到下,從左到右.
平常我們引入乙個外部的js**,通常會把它放到head的最後面.這樣就會導致,**從上到下執行的時候,由於js在body的上面,所以先執行js**,等js**執行完畢之後再執行後面的body裡面的**.我們很多的js**操作的物件都是頁面標籤,而頁面標籤此時還沒有載入,這樣就會導致再執行js的時候,找不到頁面標籤物件,故js失效了.
所以說解決的方案就是等頁面的標籤元素載入完畢之後再執行外部js的**.
<
!doctype html>
"utf-8"
>
<
/title>
"stylesheet" type=
"text/css" href=
"index.css"
/>
<
/head>
<
/body>
"index.js"
>
<
/script>
//在body的後面引入外部js
<
/html>
<
!doctype html>
"utf-8"
>
<
/title>
"stylesheet" type=
"text/css" href=
"index.css"
/>
"index.js"
>
<
/script>
<
/head>
<
/body>
<
/html>
外部index.js檔案
window.οnlοad=function(){
//所有的外部js**
onload是window的方法,等頁面元素載入完畢之後觸發該事件.
這樣寫的話,執行到index.js的時候就不會立即執行裡面的**了,而是等頁面的所有的元素執行完畢之後,再執行外部js裡面的所有的**.
這樣就不會導致index.js裡面的**因頁面沒有載入完畢而找不到頁面標籤了.
margin top失效的解決方法
異常處理彙總 前端系列 我的是屬於這種情況 按照網上的說法,我就是這個現象了 兩個層box1和box2,box1具有浮動屬性,box2沒有,這時候設定box2的上邊距margin top沒有效果。這是網上的解決方法 並不適用我的情況 本文向大家描述一下margin top失效的解決方法,margin...
margin top失效的解決方法
異常處理彙總 前端系列 我的是屬於這種情況 按照網上的說法,我就是這個現象了 兩個層box1和box2,box1具有浮動屬性,box2沒有,這時候設定box2的上邊距margin top沒有效果。這是網上的解決方法 並不適用我的情況 本文向大家描述一下margin top失效的解決方法,margin...
gitignore 設定失效的解決方法
在搭建完乙個新的本地開發環境後,給web專案新增了git倉庫。並與遠端倉庫做好了關聯和 同步。剛開始沒注意 gitignore 檔案在規則設定,在隨後在開發中又陸續新加入了一些需要忽略跟蹤的檔案,但在檢查狀態更新在時候,發現 gitignore 的設定是失效的。gitignore只能忽略那些原來沒有...