解决前端页面运行出现乱码的现象

我们在写项目的时候有时候可能会遇到乱码的问题无非就是两点意识在前端开发工具里面写的时候出现乱码和运行跑效果的时候在网页上显示乱码就像下面  我这儿用的是hbuilder前端开发工具

 

自己写的时候遇到的

这个时候就非常的难看了 我们看到这种情况一下子就会想到是字符编码在搞怪

但是大家也看到了我这明明已经调成了utf-8了但还是出现和上面一样的乱码

因为那是utf-8只是你在写的时候的编码格式是utf-8但是运行的时候(我也不知道怎么表达  小白)

   有时候它会默认的选择的是gbk字符编码格式 你调过来也是对不上

还有可能就是你调用别的技术 比如我这用的是bootstrap-table用来美化  然后字符编码对不上 不好说  

然后说说出现这种现象的解决办法就是在开发页面加上这么一句话

<meta http-equiv="content-type" content="text/html; charset=UTF-8" />

提个醒 尽量写在head标签里面  写在其他地方也能有效果(千万不要写在script里面否则你就xx了 不信你试试) 但是为了美观和代码格式 尽量卸载head标签里面好看一些

然后我们来看效果  (我那是个模态框 单个运行是显示不出来的)

这样问题就解决了!

 

转载于:https://www.cnblogs.com/lqh-haodi/p/10794098.html