手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何解决JS文件中的中文显示乱码问题

时间:2024-10-12 06:23:22

1、打开vscode,新建一个h5规范的测试html页面。在页面的同级目录引入下面的CSS和JS文件:--JS乱码.html-- JS --zepto.min.js -- zepto.weui.js-- CSS --weui.css --weuix.css

如何解决JS文件中的中文显示乱码问题
如何解决JS文件中的中文显示乱码问题

2、在测试html页面中,引入css和js,然后在html文档中添加一个a标签按钮,同时绑定点击事件,最后,添加对应的点击事件,当点击按钮的时候,弹出确认框

如何解决JS文件中的中文显示乱码问题
如何解决JS文件中的中文显示乱码问题
如何解决JS文件中的中文显示乱码问题

3、在浏览器中运行后,点击按钮,确认框可以弹出来,但是,确认框中的两个按钮却是乱码,而且,这两个按钮的内容并没有在点击事件中设置,那么,这个文字就是在JS文件夹下面的一个JS文件中

如何解决JS文件中的中文显示乱码问题

4、经过查找,发现这个文字来自于zepto.weui.js文件,这个时候,在文件目录中,选中这个文件,点击鼠标右键,依次选择【打开方式】->【记事本】

如何解决JS文件中的中文显示乱码问题

5、使用记事本打开文件后,点击【文件】->【另存为】菜单项

如何解决JS文件中的中文显示乱码问题

6、在【另存为】弹出框中,选择编辑集为【UTF-8】,然后点击保存,覆盖掉原来的js文件

如何解决JS文件中的中文显示乱码问题

7、然后,重新在浏览器中运行测试页面,再次点击按钮后,就可以看到确认框中的两个文字不乱码了。因此,遇到这种情况的时候,首先检查相关JS保存时的字符编码是否兼容中文,如果不兼容,就修改即可

如何解决JS文件中的中文显示乱码问题
© 手抄报圈