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

2019-02-15
0评论
/
1521阅读
爱搜啊

JS代码文件调用显示乱码,直接写在html页面的<script>里可以调用,但是单独放在js文件里不能调用

最近遇到了一个很奇怪的问题,就是在HTML网页代码里直接写JS代码可以正常运行的代码,使用JS文件调用就不行。

<script type="text/javascript">
var cities = [ {
"name" : "北京"
}, {
"name" : "上海"
}, {
"name" : "广州"
} ];
$(function() {
for ( var i = 0; i < cities.length; i++) {
var li = "<li>" + cities[i].name + "</li>";
var $li = $(li);// 根据字符串创建一个li对象
$("#b").append($li);// 将li对象添加到ul内部
}
});
</script>

例如下面这样的代码直接在HTML网页源码里可以运行,但是使用JS文件就不可以调用

关于这个问题首先要清楚,使用引用JS文件的方式文件内不应该出现

<script type="text/javascript">
</script>

直接写JS代码即可。

可以打开JS代码但是显示乱码,肯定就是编码的问题了。如果使用了win系统自带的记事本修改过代码的话就会编码就会变成UTF-8 BOM编码如果JS代码里面恰恰有中文就不显示乱码。

1.函数直接写在页面相当于是你本页调用,所以理所应当可以调用

2.js单独文件不能调用是因为你没有引用js文件,如果引用了的话,也是可以调用的。

引用方式,你可以直接拖拽(我一般都是拖拽,因为路径准确),也可以自己写,引用脚本:<script src="Scripts/JScript.js" type="text/javascript"></script>

3.还有就是,引用的js文件一定要在调用之前,否则就找不到函数了,会报错或undefined

   例如:

调用页面:

<script src="Scripts/JScript.js" type="text/javascript"></script>

    <script type="text/javascript">

        aa();

    </script>

Script.js中代码:

  function aa() {

        alert("js文件掉用");

    }

最后,希望对你有帮助


本站附件分享,如果附件失效,可以去找找看

诚通网盘附件百度网盘附件


标签: js html
于2019-02-15发布