日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 >

获取屏幕布尺寸

發布時間:2023/12/16 28 豆豆
生活随笔 收集整理的這篇文章主要介紹了 获取屏幕布尺寸 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

c#:
Rectangle rect=System.Windows.Forms.SystemInformation.VirtualScreen;
int width=rect.Width;
int height=rect.Height;
JS:
<SCRIPT? LANGUAGE="JavaScript">?
var? ? s? ="網頁可見區域寬:"+? document.body.clientWidth;?
s+="/r/n網頁可見區域高:"+? document.body.clientHeight;?
s? +=? "/r/n網頁正文全文寬:"+? document.body.scrollWidth;?
s? +=? "/r/n網頁正文全文高:"+? document.body.scrollHeight;?
s? +=? "/r/n網頁正文部分上:"+? window.screenTop;?
s? +=? "/r/n網頁正文部分左:"+? window.screenLeft;?
s? +=? "/r/n屏幕分辨率的高:"+? window.screen.height;?
s? +=? "/r/n屏幕分辨率的寬:"+? window.screen.width;?
s? +="/r/n屏幕可用工作區高度:"+? window.screen.availHeight;?
s? +="/r/n屏幕可用工作區寬度:"+? window.screen.availWidth;?
alert(s);?
</SCRIPT>

?

?

相關屬性:

top、postop、scrolltop、scrollHeight、offsetHeight 2008-10-22 18:16

1. top

此屬性僅僅在對象的定位(position)屬性被設置時可用。否則,此屬性設置會被忽略。

上面是一個段落P包含在一個DIV內,可以看到P的top設置為-5px后,它的上邊距超過了容器DIV的上邊距,超過的這段距離就是設置的5px。

需要注意的是,DIV和P這一對包含元素,都需要設置position為absolute才能得到想要的結果,假如父元素不設置,則子元素的參照將是更上層定義過position的元素,直到整個文檔;

2. posTop

posTop的數值其實和top是一樣的,但區別在于,top固定了元素單位為px,而posTop只是一個數值(這一點可以通過alert("top="+id.style.top)和alert("posTop="+id.style.posTop)來證明),因此一般使用posTop來進行運算。

無論你使用top或posTop來賦值,最后的結果都是一致的

3. scrollTop

這一段文本在這個100*100的DIV內無法完全顯示,所以設置了overflow為auto,它會出現一個上下方向的滑動框,假如沒有設置id.scrollTop屬性的話,默認情況下滑塊位置在頂端。而設置了scrollTop值為12后,滑塊的位置改變了,默認顯示是卷過了12個象素的文本。如果設置overflow為hidden,則將會無法顯示頂部12個象素的文本。

注意設置方式是id.scrollTop,而不是id.style.scrollTop。

4. scrollHeight 與 offsetHeight

offsetHeight是自身元素的高度,scrollHeight是 自身元素的高度+隱藏元素的高度。

將依次輸出100,250。因為已經指定了元素的height為100px,所以offsetHeight始終為100px;內部元素為250px,而容器元素只有100px,那么還有150px的內容它無法顯示出來,但它卻是實際存在的,所以scrollHeight值為100+150=250。

?

總結

以上是生活随笔為你收集整理的获取屏幕布尺寸的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。