1. 程式人生 > >引JS檔案出錯的三個原因

引JS檔案出錯的三個原因

寫在前面:今天寫程式碼的時候,無論怎麼改程式碼還有重新整理程式碼,頁面都沒有效果出來,然後才發現是js程式碼沒有成功引進來,所以就有了這篇文章。

1.引入的js檔案出錯

語法:使用<script src="檔案路徑"></script>標籤引入js檔案(檢查有沒有書寫錯誤,有時候真是小細節的問題)

比如:


位置:把上述語句放在HTML的<head>與</head>之間,也可放在<body>與</body>之間。

如果引入的程式碼在當前頁面中能夠正常執行(指內聯的js程式碼),但當引入時不能正常執行,那麼就有兩種可能:

2.引入Js的路徑有問題

js的引入不外乎兩種,相對路徑與絕對路徑———傳送門。(這個不難的,多用幾次就會了。)

用下面的圖片舉兩個簡單的栗子。

舉個相對路徑的栗子:現在比如我在方框的html檔案裡,要連結方框的js2-1.js檔案。因為他們有同一個父級(就是在同一個資料夾裡面),那麼我的程式碼就是:<script src="js2-1.js"></script>

舉個絕對路徑的栗子:<script src="e:/home/www/js-task/js2-4/js2/js2-1.js"></script>


在引入js時,我們應該養成良好的習慣,請使用絕對路徑,在開發時,能夠大大的提高自己的開發效率。(雖然我自己都是用相對路徑,只要整個資料夾進行傳輸,不改變檔案位置,應該是沒問題的。)


3.引入js的編碼問題

(作者今天就是這個問題)將兩者的編碼改為一致,一般我們可以修改JS檔案編碼使其與頁面編碼一致。

第二種方式是使用script標記的charset屬性來顯式指明所引入js檔案的編碼。如

<script src="xx.js"charset="UTF-8"> ,這樣無論頁面是什麼編碼,都可以正常的訪問這個JS中的內容。

相比之下,第二種可能更方便一些,而且作為一種好的習慣,平時我們應該儘可能都寫上charset屬性。

到這裡今天的文章就結束了,感謝閱讀。

最後又到了觀眾朋友們最喜歡的求贊求關注環節:希望看完的朋友點個喜歡,想關注我這個菜雞是如何成長的也可以關注一下我,基本上每個月都不會少於十五篇文章(看到乾貨我也會進行分享)。然後

github也互相加個star。碼字不易,感謝支援,感激不盡!