关于获取行外样式 currentStyle 和 getComputedStyle 出现的兼容性问题
关于用“索引”获取字符串每一项出现的兼容性问题；
关于DOM中 childNodes 获取子节点出现的兼容性问题；
关于使用 firstChild,lastChild 等，获取第一个/最后一个元素节点时产生的问题；
关于使用 event对象，出现的兼容性问题；
关于为一个元素绑定两个相同事件：attachEvent/attachEventLister 出现的兼容问题；
关于获取滚动条距离而出现的问题
<script language="JavaScript">var n = 0
function findInPage(str) {
if (str==""){
alert("请输入关键词")
return false
}
var txt, i, found
if (document.all){
// IE
txt = window.document.body.createTextRange()
for (i = 0 i <= n && (found = txt.findText(str)) != false i++) {
txt.moveStart("character",1)
txt.moveEnd("textedit")
}
if (found) {
txt.moveStart("character", -1)
txt.findText(str)
txt.select()
txt.scrollIntoView()
n++
}else{
if (n > 0) {
n = 0
findInPage(str)
}else{
alert("未找到指定内容")
}
}
}else if(document.layers){
if (!window.find(str))
while(window.find(str, false, true))
n++
else
n++
if (n == 0)alert("未找到指定内容.")
}else{
//ff chrome
window.find(str, false, true)
return true
}
return false
}
</script>
在线测试：http://www.scscms.com/html/article/20130826-js-webtxt.html
<script language="javascript" type="text/javascript">var version = navigator.appVersion
var start = version.indexOf("MSIE")
var temp = version.slice(start+5, start+6)
if(temp=="9"){
alert(9)
}else if(temp=="8"){
alert(8)
}else if(temp=="7"){
alert(7)
}else if(temp=="6"){
alert(6)
}else if(temp=="5"){
alert(5)
}
</script>
在IE8下,如果开启兼容性视图,返回值是7,否则返回8。
其实一般网站没问题很少有人会去懂兼容性按钮，可以在网站头部加
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
如果是高版本的浏览器自动会用IE7内核去渲染，就是所谓的兼容模式吧，狠多大型网站都可以看到这行代码，可以减小前端的工作量。
