引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。码字不易,感谢支持,感激不尽!
- 引JS文件出错的三个原因
- delete出错的原因
- 程序出错的原因
- CFileDialog浏览文件出错原因
- pdf文件上传成功后,下载出错的问题原因
- ClearQuest维护工具导入概要文件出错的一个原因
- CCS2.2 cdb文件打开出错的原因及解决办法
- jerror.h文件找不到及出错的原因
- 调用外部JS文件出错的解决方案
- <html5+css3+js>js代码运行后出错或无反应的原因总结
- 基本上找到出错的原因
- GPF出错的原因之一
- 数据绑定出错的原因
- @Autowired注解出错的原因
- Eclipse js文件保存出错
- .js文件打开出错问题解决
- .net中引用js文件出错的问题
- .net 中引用js文件出错的问题
- unity3d中的特殊文件夹以及其意义
- 内部特殊引用$this
- GIT初步学习指南
- java堆内存及栈内存
- MFC 对话框载入背景图片-控件加载图片
- 引JS文件出错的三个原因
- [Java]线程间协作(通信)
- 构造函数__construct()和析构函数__destruct()
- java正则表达式笔记
- centos搭建svn实录
- Java Import File (导入Excel文件)
- __set(),__get(),__isset(),__unset()四个方法的应用
- UWP入门(三) -- StackPanel与Grid的区别
- maven项目更新报“Cannot nest 'xx/src/main/resources' inside 'xx/src ……”