html调用js页面显示不出来了,JS代码文件调用显示乱码，直接写在html页面的里可以调用，但是单独放在js文件里不能调用...

最近遇到了一个很奇怪的问题，就是在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文件掉用");

}

最后，希望对你有帮助