js 解决由于&#65279(bom文件格式)产生的空白行

最近在做一个项目的前端页面的时候,好几个页面都出现顶部莫名多出一定高度的空白,查看自己写的样式又没有添加这样的样式。查看审查元素的时候发现多出一个&#65279这样的编码,仔细看自己做的页面中又没有这样的一行,怎么解决这个问题?
 
经过多方查询,原来是我们保存页面的时候保存成了UTF-8 + BOM编码方式,PHP不会忽略BOM,会把它显示出来。知道原因后我们就知道怎么解决了.
  方法一:用编辑器保存成UTF-8的格式。重新保存一下,再打开页面时,&#65279这个就消失了。
  方法二:把以下代码放到HTML页面的head标签里就行了.
<script>
  var a=document.body.innerHTML;
  document.body.innerHTML=a.replace(/\ufeff/g,'');
</script>

注意保存,清除缓存.

如果网页优化做的不够好,,那可以直接放在网页的末尾.

posted @ 2017-05-15 15:51  一人庸  阅读(271)  评论(0编辑  收藏  举报