如何解决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文件中的中文显示乱码问题
  • jquery如何通过id定义元素的css样式
  • 华为云数据库如何设置表的外键
  • 浏览器打开js文件中文乱码 已解决
  • 运行游戏/程序出现“缺少xxx.dll” 解决办法
  • win10系统筛选器如何启用回弹键?
  • 热门搜索
    清明节手抄报第一名 劳动手抄报简单又漂亮 关于端午节的手抄报 关于清明节的手抄报 防溺水手抄报图片 化学手抄报 争做新时代好队员手抄报 电子手抄报 预防病毒手抄报 元旦节手抄报