JS彈出層居中

2021-09-01 06:06:40 字數 1684 閱讀 5733

直接上**:

(html 有兩個div backgroundpopup和fordetail)

css美工設計 與我無關

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

在我本地測試當中:

在ie、firefox、opera下都可以使用

document.body.clientwidth

document.body.clientheight

即可獲得,很簡單,很方便。

而在公司專案當中:

opera仍然使用

document.body.clientwidth

document.body.clientheight

可是ie和firefox則使用

document.documentelement.clientwidth

document.documentelement.clientheight

原來是w3c的標準在作怪啊

如果在頁面中新增這行標記的話 在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高)

JS簡易彈出層

目標 實現簡易的js彈出框.為了簡單靈活的在小專案中使用.實現思路 研究bootstrap的彈出框效果後,認為層級示意圖如下 層說明彈出層分為三層.最底層的遮罩層,覆蓋在瀏覽器視口上.它之上是彈出層父級,這個層完全透明,並且與遮罩層重合.最上層是彈出層,它的活動範圍在其父層的範圍內.彈出時,隱藏bo...

JS 04 彈出層案例

lang en charset utf 8 name keywords content name description content title 按鈕樣式 input 遮蓋層樣式 cover 彈窗樣式 box style head type button value 點我彈出內容 wrap 隨便...

C 彈出視窗居中

winform窗體中,假如我從form1窗體要彈出form2窗體,寫法是這樣的 form2 f2 new form2 f2.show 1 如何使窗體開啟時居中顯示 初始化預設窗體居中顯示 form2 f2 new form2 f2.startposition formstartposition.ce...