JavaScript獲取不同瀏覽器視窗

2021-08-30 16:25:00 字數 1526 閱讀 7495

關於獲取各種瀏覽器可見視窗大小的一點點研究

opera仍然使用

document.body.clientwidth

document.body.clientheight

可是ie和firefox則使用

document.documentelement.clientwidth

document.documentelement.clientheight

如果在頁面中新增這行標記的話

在ie中:

document.body.clientwidth ==> body物件寬度

document.body.clientheight ==> body物件高度

document.documentelement.clientwidth ==> 可見區域寬度

document.documentelement.clientheight ==> 可見區域高度

在firefox中:

document.body.clientwidth ==> body物件寬度

document.body.clientheight ==> body物件高度

document.documentelement.clientwidth ==> 可見區域寬度

document.documentelement.clientheight ==> 可見區域高度

?在opera中:

document.body.clientwidth ==> 可見區域寬度

document.body.clientheight ==> 可見區域高度

document.documentelement.clientwidth ==> 頁面物件寬度(即body物件寬度加上margin寬)

document.documentelement.clientheight ==> 頁面物件高度(即body物件高度加上margin高)

而如果沒有定義w3c的標準,則

ie為:

document.documentelement.clientwidth ==> 0

document.documentelement.clientheight ==> 0

firefox為:

document.documentelement.clientwidth ==> 頁面物件寬度(即body物件寬度加上margin寬)document.documentelement.clientheight ==> 頁面物件高度(即body物件高度加上margin高)

opera為:

document.documentelement.clientwidth ==> 頁面物件寬度(即body物件寬度加上margin寬)document.documentelement.clientheight ==> 頁面物件高度(即body物件高度加上margin高)

document.documentelement.clientheight + document.documentelement.scrolltop

等於 document.documentelement.scrollheight

javascript獲取型別

1 使用typeof函式可以用於識別運算數型別的字串,可以返回如下型別 number,string,boolenan,object,function,undefined.2 當使用typeof函式檢測null值時,返回的時object,則需要 return o null null typeof o ...

JavaScript屬性獲取

一 操作標籤的合法屬性 合法屬性 比如id class title href src等。獲取合法屬性 獲取元素之後,直接使用點語法。修改合法屬性 獲取元素之後,用等號賦值,修改已有屬性。新增合法屬性 直接等號賦值。id box title 你好 你好嗎?div var title document....

JavaScript獲取節點

可以把html中的每個標籤看成乙個節點,那麼可以通過js將這些節點獲取出來,可以使用js的乙個內建物件 物件有自己的屬性和方法 取得這些節點並且進行操作 修改,刪除,替換其內容 該物件是乙個內建物件叫作document,內建物件就是已經建立好的物件,我們可以直接使用。瀏覽器標題欄 title 引用外...