外部js失效的解決的方法

2021-09-24 04:41:20 字數 1114 閱讀 4355

最主要的原因就是我們忽略了乙個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只能忽略那些原來沒有...