文件寬高和視窗事件

2021-07-03 21:57:24 字數 1019 閱讀 4609

1.clientheight[width] : 可視區寬高

alert(document.documentelement

.clientheight)

2 scrolltop[left] : 滾動條滾動的距離,存在相容性問題,在ff,ie下認為滾動條是在documentelement元素上,而chrome則認為存在body上

//解決相容性問題

var scroll = document.documentelement

.scrolltop || document.body

.scrolltop

;

3.scrollheight[width] : 內容的寬高

html部分

id="div1" style="width:100px;height:100px;border: 1px solid red;padding:10px;">

id="div2" style="width:100px;height:200px;background:green">div>

div>

4.offsetheight[width] : 文件的寬高

alert(document.documentelement

.offsetheight)

//在body去掉預設樣式的情況下也可寫成下面這樣

alert(document.body

.offsetheight)

5.onscroll : 當滾動條滾動時觸發,在一定的時間內觸發一次,而不是每滾動多少距離觸發一次

var i = 0;

window.onscroll = function

()

6.onresize : 當視窗大小發生變化時觸發

var j = 0;

window.onresize = function

()

mysql視窗寬高是多少 獲取視窗高度和寬度

我們首先把window.innerwidth和window.innerheight的值分別付給了pagewidth和pageheight。取得視窗大小的 複製 如下 var pagewidth window.innerwidth,var pageheight window.innerheight i...

瀏覽器視窗寬高問題

使用window的screen 物件,可以得到螢幕解析度大小,與人為調整視窗大小無關 window.screen.width和window.screen.height 複製 1,非ie瀏覽器 window.innerwidth 2,ie瀏覽器 document.documentelement.cli...

JQ 獲取瀏覽器視窗寬高

window height 瀏覽器時下視窗可視區域高度 document height 瀏覽器時下視窗文件的高度 document.body height 瀏覽器時下視窗文件body的高度 document.body outerheight 瀏覽器時下視窗文件body的總高度 包括border pa...