各瀏覽器處理空白和換行的差異

2021-07-02 11:41:31 字數 411 閱讀 6230

所有現代瀏覽器都支援 w3c dom 規範。不過,瀏覽器之間是有差異的。重要的區別有兩點:

本文主要講解各瀏覽器處理空白和換行的方式。

ie6、7、8

忽略標籤之間的空白和換行字元。

其它瀏覽器

對於標籤之間的空白和換行字元會作為文字節點來處理。

示例**

鬼眼邪神的部落格,

鬼眼邪神的部落格,

鬼眼邪神的部落格,

在ie6、7、8中,彈框中顯示的是3。在其它瀏覽器中,彈框中顯示的是7。

解決方法

如需忽略元素節點之間的空文字節點,需要檢查節點型別。元素節點的型別是1。

鬼眼邪神的部落格,

鬼眼邪神的部落格,

鬼眼邪神的部落格,

各瀏覽器下 scrollTop的差異

1 各瀏覽器下 scrolltop的差異 ie6 7 8 對於沒有doctype宣告的頁面裡可以使用document.body.scrolltop來獲取 scrolltop高度 對於有doctype宣告的頁面則可以使用document.documentelement.scrolltop safari...

各瀏覽器下 scrollTop的差異

1 各瀏覽器下 scrolltop的差異 ie6 7 8 對於沒有doctype宣告的頁面裡可以使用 document.body.scrolltop 來獲取 scrolltop高度 對於有doctype宣告的頁面則可以使用 document.documentelement.scrolltop saf...

關於讀取舞台大小各瀏覽器之間的差異

因為在做專案的時候遇到的怪異問題 ie下的player會stagewidth賦予舞台實際大小 而傲遊的player的stagewidth是0 所以給自適應的舞台大小的帶來問題。這個差異是在舞台沒有新增任何東西之前的差異。所以要用這個屬性前可以偵聽resize,就能解決問題了。var txt text...