处理IE的“怪癖”

2025-01-11 技术教程

当HTML页面中嵌入javaScript代码时，本地运行时，在FireFox或Chrome运行没有任何问题，但在IE中运行时，在页面的顶部会会弹出一个×××的警告条(取决于IE的版本)如下：

如果不单击那个黄条上的“允许阻止的内容(A)”那么javaScript代码便不会执行。只有单击允许之后，javaScript代码才会执行，效果如下：

我的IE浏览器还会弹出下面的警告框：

接着才会弹出JavaScript写的弹出框，如下：

HTML和JavaScript的代码如下：

1-1 Example1.html页面的代码

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>处理IE的“怪癖”</title><scriptsrc="alert.js"></script></head><body>这是页面的主题部分</body></html> 1-2 alert.js的代码

alert("因为IE的版本问题，会弹出这个警告框");

当然这些情况只有在本地运行时才会出现，当发布到网上时是不会发生这种状况的。

但是如果你在IE中要花费大量的时间测试包含JavaScript的页面，这个警告框就很讨厌。每次都的明确的告诉浏览器允许页面运行JavaScript，未免也太麻烦了。为了解决这个问题，可以“欺骗”IE，让其认为是从Web服务器下载这个页面。那么就要在页面头部加一条所谓的“Web标志”，如下：

1-3 有Web标志的Example1.html页面的代码

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>处理IE的“怪癖”</title><scriptsrc="alert.js"></script></head><body>这是页面的主题部分</body></html> 注意：

要放在指定字符编码的标签后面。

IE看到这个注释后，就会像页面来自Web服务器一样处理它，不会再显示那个安全警告，直接执行JavaScript代码。而对于其他浏览器来说，这条注释跟普通的ＨＴＭＬ注释没有区别，因此会被浏览器忽略。