引JS文件出错的三个原因

来源:互联网 发布:mac中设置搜狗输入法 编辑:程序博客网 时间:2024/06/06 14:25

写在前面:今天写代码的时候,无论怎么改代码还有刷新代码,页面都没有效果出来,然后才发现是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。码字不易,感谢支持,感激不尽!

0 0