屏蔽JS错误提示 IE6 IE8（怎么取消屏蔽javascript的正常运行）

25-01-27 20

本文将带您了解关于屏蔽JS错误提示IE6IE8的新内容，同时我们还将为您解释怎么取消屏蔽javascript的正常运行的相关知识，另外，我们还将为您提供关于2010全面兼容IE6/IE7/IE8/FF

本文将带您了解关于屏蔽JS错误提示 IE6 IE8的新内容，同时我们还将为您解释怎么取消屏蔽javascript的正常运行的相关知识，另外，我们还将为您提供关于2010 全面兼容 IE6/IE7/IE8/FF 的 CSS HACK 写法、angularjs ie8错误：在ie8中找不到模块但在ie9中工作正常、CSS HACK 兼容列表 Firefox, IE5, IE5.5, IE6, IE7, IE8、CSS完美兼容IE6/IE7/IE8/IE9/IE10的通用方法的实用信息。

本文目录一览：

屏蔽JS错误提示 IE6 IE8（怎么取消屏蔽javascript的正常运行）
2010 全面兼容 IE6/IE7/IE8/FF 的 CSS HACK 写法
angularjs ie8错误：在ie8中找不到模块但在ie9中工作正常
CSS HACK 兼容列表 Firefox, IE5, IE5.5, IE6, IE7, IE8
CSS完美兼容IE6/IE7/IE8/IE9/IE10的通用方法

屏蔽JS错误提示 IE6 IE8（怎么取消屏蔽javascript的正常运行）

<script language="JavaScript">
function killErrors() {
return true;
}
window.onerror = killErrors;
</script>

或者

当页面中的JS出错时，会在浏览器状态栏内提示，出错信息。但有些错误不会影响到页面运行，这时把错误屏蔽掉，是个不错的方法。把上边这段代码放到<head></head>中间就行了（最好是放在所有JS的最前面），或链接为外部JS。

在IE8中以上的方法失效所以采用新的方法

<script language="JavaScript">
try
{
  JS代码
}
catch(err)
{}
</script>

需要说明的是这里可以把整个JS文件代码都 try起来这样的效果和IE6以前的window.onerror一样

2010 全面兼容 IE6/IE7/IE8/FF 的 CSS HACK 写法

浏览器市场的混乱，给设计师造成很大的麻烦，设计的页面兼容完这个浏览器还得兼容那个浏览器，本来 ie6 跟 ff 之间的兼容是很容易解决的。加上个 ie7 会麻烦点，ie8 的出现就更头疼了，原来 hack ie7 的方法又不能用了，怎么办呢？

　　第一种方法：

　　还好，微软提供了这样一个代码：

　　把这段代码放到里面，在 ie8 里面的页面解析起来就跟 ie7 一模一样的了，所以，基本上可以无视 ie8，剩下的代码只需要这样写就可以了

   background:#ffc; /* 对 firefox 有效 */
   *background:#ccc; /* 对 ie7 有效 */
   _background:#000; /* 只对 ie6 有效 */

　　解释一下吧：

　　firefox 能解析第一段，后面的两个因为前面加了特殊符号 “*” 和 “_”,firefox 认不了，所以只认 background:#ffc，看到的是黄色；

　　ie7 前两短都能认，以最后的为准，所以最后解析是 background:#ccc，看到的是灰色；

　　ie6 三段都能认，而且 “_” 这个只有 ie6 能认，所以最后解析是_background:#000，看到的是黑色

　　阿门！已经是最简单和最好理解的写法了，如果你是 google 进来的，我可以很负责任的告诉你，这种方法是 ok 的，我测试过。

　　ie8 的那段兼容 7 的代码我也测试过了，在我现在的 windos 7 测试版所带的 ie8 是没问题的，以后 ie8 正式版出来还管不管用就不知道了。

　　ps：如果你发现按我这样写还是有问题的话，请查看一下你的 html 头，看看之前的内容是不是这样的标准写法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

　　这个是现在比较规范的写法，如果你是用 dreamweaver 做页面的话，默认也是这种规范的，切记，非这种规范写法的，兼容性不能保证

　　第二种方法：

　　要求苛刻的朋友是不愿意在页面头部增加这样一句代码的，因为这样的结果是每个页面都得加。那么要想兼容这几个浏览器还真得想别的办法了。早些天本站发布了一篇《完美兼容 ie6,ie7,ie8 以及 firefox 的 css 透明滤镜》，可能当时测试的疏忽，IE8 的兼容性没有解决好，好多朋友回复说用不了。今天抽出些时间，查阅大量资料，终于解决了这个问题了。

　　以下是兼容 IE6/IE7/IE8/FF 的写法，注意下面的顺序不可颠倒

　　margin-bottom:40px; /*ff 的属性 */

　　margin-bottom:140px/9; /* IE6/7/8 的属性 */

　　color:red/0; /* IE8 支持 */

　　*margin-bottom:450px; /*IE6/7 的属性 */

angularjs ie8错误：在ie8中找不到模块但在ie9中工作正常

我使用的是AngularJS 1.2.9版本.

我的网站在IE9和其他浏览器中工作正常,但在IE8中,它给了我这个错误：

[$injector:nomod] http://errors.angularjs.org/1.2.9/$injector/nomod?p0=moduleName

我从我的脚本自动引导模块.
我已经从AngularJS网站采用了IE兼容性：http://docs.angularjs.org/guide/ie

为什么此错误仅在IE8中发生,而在IE9中不发生？

解决方法

我看到你找到了解决方案,但这里是官方angularjs文档的一个提示：

AngularJS 1.3已经放弃了对IE8的支持. AngularJS 1.2将继续支持IE8,但核心团队并不打算花时间解决IE8或更早版本的特定问题.

资料来源：https://docs.angularjs.org/guide/ie

CSS HACK 兼容列表 Firefox, IE5, IE5.5, IE6, IE7, IE8

解决现今所有HACK.

1,!important

方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)

#wrapper { width: 100px!important; /* IE7+FF */ width: 80px; /* IE6 */ }

2,IE6/IE7 对 Firefox

不支持.而*+html 又为 IE7特有标签.

#wrapper { #wrapper { width: 120px; } /* FireFox */ *html #wrapper { width: 80px;} /* ie6 fixed */ *+html #wrapper { width: 60px;} /* ie7 fixed,注意顺序 */ }

加上 class=”clearfix” 即可,屡试不爽.

/* Clear Fix */

.clearfix:after
{
content:”.”;
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix
{
display:inline-block;
}
/ Hide from IE Mac /
.clearfix {display:block;}
/ End hide from IE Mac /
/ end of clearfix /

解决)2,居中问题.1).垂直居中.将 line-height 设置为当前 div 相同的高度,再通过 vertical-align: middle.( 注意内容不要换行.)2).水平居中. margin: 0 auto;(当然不是万能)3,若需给 a 标签内内容加上样式,需要设置 display: block;(常见于导航标签)4,FF 和 IE 对 Box 理解的差异导致相差 2px 的还有设为 float的div在ie下 margin加倍等问题.5,ul 标签在 FF 下面默认有 list-style 和 padding . 最好事先声明,以避免不必要的麻烦. (常见于导航标签和内容列表)6,作为外部 wrapper 的 div 不要定死高度,最好还加上 overflow: hidden.以达到高度自适应.7,关于手形光标. cursor: pointer. 而hand 只适用于 IE.

1 针对firefox ie6 ie7的css样式

页面没按要求显示！找到一个针对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。现在写一个CSS可以这样：

显示为#666，IE7下字体颜色显示为#999。

2 css布局中的居中问题

解决办法就是在子元素定义时候设定时再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ” 需要说明的是，如果你想用这个方法使整个页面要居中，建议不要套在一个DIV里，你可以依次拆出多个div，只要在每个拆出的div里定义MARGIN-RIGHT: auto;MARGIN-LEFT: auto; 就可以了。

3 盒模型不同解释

<pre><font size="4">#Box{ width:600px; //for ie6.0- w\idth:500px; //for ff+ie6.0}

Box{ width:600px!important //for ff width:600px; //for ff+ie6.0 width /**/:500px; //for ie6.0-}

4 浮动ie产生的双倍距离

body #Box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}

6 页面的最小宽度

一个

一个类：然后CSS这样设计：#container{ min-width: 600px; width:expression(document.body.clientWidth < 600? “600px”: “auto” );}第一个min-width是正常的；但第2行的width使用了Javascript，这只有IE才认得，这也会让你的HTML文档不太正规。它实际上通过Javascript的判断来实现最小宽度。

7 清除浮动

display:table; //将对象作为块元素级的表格显示}或者.hackBox{ clear:both;} 或者加入:after（伪对象）,设置在对象后发生的内容，通常和content配合使用，IE不支持此伪对象，非Ie 浏览器支持，所以并不影响到IE/WIN浏览器。这种的最麻烦的……#Box:after{ content: “.”; display: block; height: 0; clear: both; visibility: hidden;}