JavaScript浏览器兼容小经验x3

1.关于innerHTML

IE会在使用innerHTML的时候把传入的HTML字符串中的script标签全部过滤掉，所以不要指望设置完innerHTML之后还能从中找出script来执行。

可行的方法只有从原始字符串中用正则表达式匹配<script>标签中的内容

var scriptRegex = /<script[^>]*>([//S//s]*?)<//script>/ig

如果不是IE，我们完全可以用getElementsByTagName或者getElementById之类的方法来取script标签里的内容，直观得多。

结论：IE真操蛋

 

2.执行新代码

大家都知道eval函数可以很方便地执行一段新代码，但是eval在各个浏览器的作用域却是不同的，比如IE下用eval直接执行的作用域是一个临时域，如果你在eval中定义了新函数或者新变量，毫无疑问在eval执行完之后就销毁了，别想再取到。其他浏览器也各有各的问题，这个在网上的文章里探讨得不少了，不再赘述。为了让所有浏览器执行新代码的作用域都在全局作用域下，总结起来需要这么做

if(isIE) // IE内核的浏览器 window.execCommand(script); else (isWebkit) // Safari, Chrome window.setTimeout(script, 0); else (isFFOrOpera) // Firefox, Opera window.eval(script); // 不可以直接用eval(script) else //...  

这样应该已经能覆盖目前所有的主流浏览器了

结论：所有浏览器都很操蛋。（不过FF和Opera的方式相对容易理解）

 

3.delete操作

可能很多像我这样的懒人很少delete，我一般也只是设置成null或者undefined来解决问题。某天突然心血来潮想用一把delete，结果自找麻烦。多数情况下，IE的delete跟其他浏览器是一样的，唯一不同的地方在于用了execCommand之后。如果函数或者变量是在execCommand中定义的，比如函数a，那么

delete a;

会失败，不会引发异常，但是delete返回false，如果狠一点来个

delete window.a

那就会造成“不能删除 'window.a'”的异常。总之没有找到合适的能够在这种情况下删除a的方法。如果有谁知道请留言告诉我，多谢了。最后的解决办法还是返璞归真

a = undefined;

所以为了IE……

PS: 测试环境是IE8的IE7兼容模式

结论：知道我想说什么吧……