js兼容性问题有哪些

JavaScript010

js兼容性问题有哪些,第1张

关于获取行外样式 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内核去渲染，就是所谓的兼容模式吧，狠多大型网站都可以看到这行代码，可以减小前端的工作量。