1、打开vscode,新建一个h5规范的测试html页面。在页面的同级目录引入下面的CSS和JS文件:--JS乱码.html-- JS --zepto.min.js -- zepto.weui.js-- CSS --weui.css --weuix.css
2、在测试html页面中,引入css和js,然后在html文档中添加一个a标签按钮,同时绑定点击事件,最后,添加对应的点击事件,当点击按钮的时候,弹出确认框
3、在浏览器中运行后,点击按钮,确认框可以弹出来,但是,确认框中的两个按钮却是乱码,而且,这两个按钮的内容并没有在点击事件中设置,那么,这个文字就是在JS文件夹下面的一个JS文件中
4、经过查找,发现这个文字来自于zepto.weui.js文件,这个时候,在文件目录中,选中这个文件,点击鼠标右键,依次选择【打开方式】->【记事本】
5、使用记事本打开文件后,点击【文件】->【另存为】菜单项
6、在【另存为】弹出框中,选择编辑集为【UTF-8】,然后点击保存,覆盖掉原来的js文件
7、然后,重新在浏览器中运行测试页面,再次点击按钮后,就可以看到确认框中的两个文字不乱码了。因此,遇到这种情况的时候,首先检查相关JS保存时的字符编码是否兼容中文,如果不兼容,就修改即可