最近遇到了一個很奇怪的問題，就是在HTML網頁代碼里直接寫JS代碼可以正常運行的代碼，使用JS文件調用就不行。

var cities = [ {

"name" : "北京"

}, {

"name" : "上海"

}, {

"name" : "廣州"

} ];

$(function() {

for ( var i = 0; i < cities.length; i++) {

var li = "

" + cities[i].name + "";

var $li = $(li);// 根據字符串創建一個li對象

$("#b").append($li);// 將li對象添加到ul內部

}

});

例如下面這樣的代碼直接在HTML網頁源碼里可以運行，但是使用JS文件就不可以調用

關于這個問題首先要清楚，使用引用JS文件的方式文件內不應該出現

直接寫JS代碼即可。

可以打開JS代碼但是顯示亂碼，肯定就是編碼的問題了。如果使用了win系統自帶的記事本修改過代碼的話就會編碼就會變成UTF-8 BOM編碼如果JS代碼里面恰恰有中文就不顯示亂碼。

1.函數直接寫在頁面相當于是你本頁調用，所以理所應當可以調用

2.js單獨文件不能調用是因為你沒有引用js文件，如果引用了的話，也是可以調用的。

引用方式，你可以直接拖拽(我一般都是拖拽，因為路徑準確)，也可以自己寫,引用腳本：

3.還有就是，引用的js文件一定要在調用之前，否則就找不到函數了，會報錯或undefined

例如：

調用頁面：

aa();

Script.js中代碼：

function?aa()?{

alert("js文件掉用");

}

最后，希望對你有幫助

總結

以上是生活随笔為你收集整理的html调用js页面显示不出来了,JS代码文件调用显示乱码，直接写在html页面的里可以调用，但是单独放在js文件里不能调用...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。