web前端关于&#65279空白问题

作者: myw3c 分类: 记录 发布时间: 2018-04-25 12:45

如果你在修改文件后,发现网页上多了一个空行,不管怎么修改margin,padding都无法消除,但是审查元素的时候,发现多出一行"&#65279"
注:IE下是无法看到65279字样的,Firebug和Chrome才可以看到。

这是由于文件保存的时候,在前面加入了BOM字符。
UTF-8不需要BOM来表明字节顺序,但可以用BOM来表明编码方式。字符ZERO WIDTH NO-BREAK SPACE的编码是EF BB BF,如果接受者收到了三个不可见的字符(0xEF 0xBB 0xBF,即BOM)开头的字节流,就知道这是UTF-8编码了。

Windows就是用BOM来标记文本文件的编码方式的。

现在几乎所有的文本编辑软件都可以显示并编辑UTF-8编码的文件。但是很遗憾,其中很多软件的表现并不理想。

对于一般的文件,这样并不会产生什么麻烦。但对于PHP来说,BOM是个大麻烦。

PHP并不会忽略BOM,所以在读取、包含或者引用这些文件时,会把BOM作为该文件开头正文的一部分。根据嵌入式语言的特点,这串字符将被直接执行(显示)出来。由此造成即使页面的padding-top设置为0,也无法让整个网页紧贴浏览器顶部,因为在html一开头有这3个字符呢!

最大的麻烦还不是这个。受COOKIE送出机制的限制,在这些文件开头已经有BOM的文件中,COOKIE无法送出(因为在COOKIE送出前PHP已经送出了文件头),所以登入和登出功能失效。一切依赖COOKIE、SESSION实现的功能全部无效。

关于解决&#65279空白这个问题:

把以下代码放到HTML页面的head标签(或者放到网站公用的js里面,注意去掉<script></script>标签)里就行了:

<script>
var a=document.body.innerHTML;
document.body.innerHTML=a.replace(/\ufeff/g,”);
</script>

内容来自:csdn

内容整理:w3c技术博客

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

咨询帮助