关于获取行外样式 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
不同的浏览器，对不同的/相同的属性、方法等的支持程度也会有所差别，要想达到满意的效果，需要做一些处理、给不同的浏览器量体裁衣，也就是所说的达到兼容。
常见的处理方式：（能力检测和浏览器检测）
1、三目运算式
typeof A=='B'?A:C
浏览器的类型A是B吗，是的话就用A，否则就用C。
2、逻辑或（没有1可靠）
var A=B||C
浏览器存在B或C其一，或者都存在。都存在默认用B。
3、检测浏览器引擎和版本号
BrowserDetect.browser == 'Internet Explorer' &&BrowserDetect.version <= 7
根据不同的浏览器做不同的方案处理。
上栗子
IE、Safari、Opera 和Chrome 都提供screenLeft 和screenTop 属性，分别用于表示窗口相对于屏幕左边和上边的位置。Firefox 则在screenX 和screenY 属性中提供相同的窗口位置信息，Safari 和Chrome 也同时支持这两个属性。但是不建议在Opera中使用screenX 和screenY。
在IE、Opera 中，screenLeft 和screenTop 中保存的是从屏幕左边和上边到由window 对象表示的页面可见区域的距离（包括工具栏） ，而在Chrome、Firefox 和Safari 中，screenY 或screenTop中保存的是整个浏览器窗口相对于屏幕的坐标值，即在窗口的y 轴坐标为0 时返回0。
outerWidth 和 outerHeight 返回浏览器窗口本身的尺寸大小。而innerWidth 和innerHeight则表示该容器中页面视图区的大小（减去边框宽度）。
document.documentElement.clientWidth 和
document.documentElement.clientHeight 中保存了页面视口的信息。在IE6中，这些属性在标准模式（document.compatMode == "CSS1Compat"）下才有效，在混杂模式（document.compatMode == "BackCompat"）下必须通 document.body.clientWidth 和 document.body.clientHeight 来获取
