如何编写兼容不同浏览器窗口大小的网页代码?
- 内容介绍
- 文章标签
- 相关推荐
本文共计180个文字,预计阅读时间需要1分钟。
在浏览器窗口的可视区域内,设置窗口宽度和高度变量:
javascriptvar client_w=document.documentElement.clientWidth || document.body.clientWidth;var client_h=document.documentElement.clientHeight || document.body.clientHeight;
201712070956.txt// 浏览器窗口可视区域大小(不包括工具栏和滚动条等边线) var client_w = document.documentElement.clientWidth || document.body.clientWidth; var client_h = document.documentElement.clientHeight || document.body.clientHeight; // 网页内容实际宽高(包括工具栏和滚动条等边线) var scroll_w = document.documentElement.scrollWidth || document.body.scrollWidth; var scroll_h = document.documentElement.scrollHeight || document.body.scrollHeight; // 网页内容实际宽高 (不包括工具栏和滚动条等边线) var offset_w = document.documentElement.offsetWidth || document.body.offsetWidth; var offset_h = document.documentElement.offsetHeight || document.body.offsetHeight; // 滚动的高度 var scroll_Top = document.documentElement.scrollTop||document.body.scrollTop;
本文共计180个文字,预计阅读时间需要1分钟。
在浏览器窗口的可视区域内,设置窗口宽度和高度变量:
javascriptvar client_w=document.documentElement.clientWidth || document.body.clientWidth;var client_h=document.documentElement.clientHeight || document.body.clientHeight;
201712070956.txt// 浏览器窗口可视区域大小(不包括工具栏和滚动条等边线) var client_w = document.documentElement.clientWidth || document.body.clientWidth; var client_h = document.documentElement.clientHeight || document.body.clientHeight; // 网页内容实际宽高(包括工具栏和滚动条等边线) var scroll_w = document.documentElement.scrollWidth || document.body.scrollWidth; var scroll_h = document.documentElement.scrollHeight || document.body.scrollHeight; // 网页内容实际宽高 (不包括工具栏和滚动条等边线) var offset_w = document.documentElement.offsetWidth || document.body.offsetWidth; var offset_h = document.documentElement.offsetHeight || document.body.offsetHeight; // 滚动的高度 var scroll_Top = document.documentElement.scrollTop||document.body.scrollTop;

