top、client、scroll、offset四者的區別

時間 2020-01-08

標籤 client scroll offset 區別简体版

原文原文鏈接

示列代碼：

<html>
<head>
<title>51windows.Net </title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
</style>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
var s = "";
s += "\r\n網頁可見區域寬："+ document.body.clientWidth;
s += "\r\n網頁可見區域高："+ document.body.clientHeight;
s += "\r\n網頁可見區域寬："+ document.body.offsetWidth +" (包括邊線的寬)";
s += "\r\n網頁可見區域高："+ document.body.offsetHeight +" (包括邊線的寬)";
s += "\r\n網頁正文全文寬："+ document.body.scrollWidth;
s += "\r\n網頁正文全文高："+ document.body.scrollHeight;
s += "\r\n網頁被捲去的高："+ document.body.scrollTop;
s += "\r\n網頁被捲去的左："+ document.body.scrollLeft;
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>
</body>
</html>

職場 div 定位 BLOG開發

0javascript

收藏css

上一篇：javascript經過clas... 下一篇：照片照片

kiddymeet

170篇文章，202W+人氣，1粉絲

關注

Ctrl+Enter 發佈html

發佈java

取消mysql

3條評論react

按時間倒序按時間正序

推薦專欄更多

微服務技術架構和大數據治理實戰

大數據時代的微服務之路

共18章 | 純潔微笑

￥51.00 689人訂閱

基於Python的DevOps實戰

自動化運維開發新概念

共20章 | 撫琴煮酒

￥51.00 502人訂閱

猜你喜歡

個人友情連接 linux下查看nginx，apache，mysql，php的編譯參數給DIV添加滾動條使用awk進行數字計算，保留指定位小數咱們不得不面對的中年職場危機一次服務器CPU佔用率高的定位分析 Java線程：線程的調度-休眠用光影魔術手製做一寸照片（8張一寸）職場終極密籍--記個人職業生涯 div只顯示橫向滾動條個人IT職場生涯: 畢業4年，月薪過萬 C++內存泄露問題定位經驗案例 linux經常使用命令 JavaScript基礎從Preact中瞭解React組件和hooks基本原理智能合約編程語言-solidity快速入門（下） Android中適配器的notifyDataSetChanged()爲什麼有時不刷新從hook開始聊聊那些windows內核數據結構 Scala的actor 正則性能調優

掃一掃,領取大禮包jquery

0linux

3

關注

kiddymeet

相關文章

相關標籤/搜索

client&offset&scroll

Docker命令大全

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公眾號

歡迎關注本站公眾號,獲取更多信息

相關文章

>>更多相關文章<<