成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

從html,css,javascript三方面談談“瀏覽器兼容性”的問題

Kaede / 469人閱讀

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

javaScript

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

  clientWidth、offsetWidth 和 scrollWidth 的含義與上述內(nèi)容雷同,不過是高度變成寬度而已。

標準的事件綁定方法函數(shù)為addEventListener,但IE下是attachEvent

事件的捕獲方式不一致,標準瀏覽器是由外至內(nèi),而IE是由內(nèi)到外,但是最后的結(jié)果是將IE的標準定為標準

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

在低版本的IE中獲取的日期處理函數(shù)的值不是與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來實現(xiàn)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代碼