摘要：可以理解為，在屏幕上通過瀏覽器窗口所能看到網頁內容的高度。都表示瀏覽器中網頁內容的高度，但稍有區別。解決等瀏覽器不支持標簽的問題高版本的瀏覽器用了低版本的瀏覽器無法識別的元素，從而導致不能解析。這時候我們就會面臨這個兼容性問題。

在IE、FireFox、Netscape等不同的瀏覽器里，對于document.body的clientHeight、offsetHeight 和 scrollHeight 有著不同的含義.
clientHeight：在上述瀏覽器中, clientHeight 的含義是一致的，定義為網頁內容可視區域的高度，即在瀏覽器中可以看到網頁內容的高度，通常是工具條以下到狀態欄以上的整個區域高度，與具體的網頁頁面內容無關。可以理解為，在屏幕上通過瀏覽器窗口所能看到網頁內容的高度。
offsetHeight：關于offsetHeight，ie和firefox等不同瀏覽中意義有所不同，需要加以區別。在ie中，offsetHeight 的取值為 clientHeight加上滾動條及邊框的高度；而firefox、netscape中，其取值為是實際網頁內容的高度，可能會小于clientHeight。
scrollHeight：scrollHeight都表示瀏覽器中網頁內容的高度，但稍有區別。在ie里為實際網頁內容的高度，可以小于 clientHeight；在firefox 中為網頁內容高度，最小值等于 clientHeight，即網頁實際內容比clientHeight時，取clientHeight。

　 clientWidth、offsetWidth 和 scrollWidth 的含義與上述內容雷同，不過是高度變成寬度而已。

標準的事件綁定方法函數為addEventListener，但IE下是attachEvent

事件的捕獲方式不一致，標準瀏覽器是由外至內，而IE是由內到外，但是最后的結果是將IE的標準定為標準

我們常說的事件處理時的event屬性，在標準瀏覽器其是傳入的，IE下由window.event獲取的。并且獲取目標元素的方法也不同，標準瀏覽器是event.target，而IE下是event.srcElement

在低版本的IE中獲取的日期處理函數的值不是與1900的差值，但是在高版本的IE中和標準瀏覽器保持了一致，獲取的值也是與1900的差值
比如：var year= new Date().getYear();
解決
//方式一
var year= new Date().getYear();
year = (year<1900?(1900+year):year);
document.write(year);
//方式二
var year = new Date().getFullYear();
document.write(year);

innerText的使用
分析原因:FF不支持innerText，它支持textContent來實現innerText，不過textContent沒有像innerText一樣考慮元素的 display方式，所以不完全與IE兼容。如果不用textContent，字符串里面不包含HTML代碼也可以用innerHTML代替。Safari和Chrome對innerText和textContent都支持
兼容處理
通過判斷不同瀏覽器做不同的處理
if(document.all){

  document.getElementById("element").innerText = "mytext";  

} else{

  document.getElementById("element").textContent = "mytext";  

}

Frame的引用
IE可以通過id或者name訪問這個frame對應的window對象；而FF只可以通過name來訪問這個frame對應的window對象。
【應用場景】
在一個頁面嵌套了一個iframe頁面(下面簡稱父頁面和子頁面)。父頁面取子頁面的值。
Js代碼