首頁 > 開發者 > JavaScript
標籤：set log fse back image 文檔 document rip pre
Javascript:
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高）
alert(document.body.clientWidth); //網頁可見地區寬(body)
alert(document.body.clientHeight); //網頁可見地區高(body)
alert(document.body.offsetWidth); //網頁可見地區寬(body)，包括border、margin等
alert(document.body.offsetHeight); //網頁可見地區寬(body)，包括border、margin等
alert(document.body.scrollWidth); //網頁本文全文寬，包括有捲軸時的未見地區
alert(document.body.scrollHeight); //網頁本文全文高，包括有捲軸時的未見地區
alert(document.body.scrollTop); //網頁被捲去的Top(捲軸)
alert(document.body.scrollLeft); //網頁被捲去的Left(捲軸)
alert(window.screenTop); //瀏覽器距離Top
alert(window.screenLeft); //瀏覽器距離Left
alert(window.screen.height); //螢幕解析度的高
alert(window.screen.width); //螢幕解析度的寬
alert(window.screen.availHeight); //螢幕可用工作區的高
alert(window.screen.availWidth); //螢幕可用工作區的寬
Jquery
alert($(window).height()); //瀏覽器當前視窗可視地區高度
alert($(document).height()); //瀏覽器當前視窗文檔的高度
alert($(document.body).height()); //瀏覽器當前視窗文檔body的高度
alert($(document.body).outerHeight(true)); //瀏覽器當前視窗文檔body的總高度 包括border padding margin
alert($(window).width()); //瀏覽器當前視窗可視地區寬度
alert($(document).width()); //瀏覽器當前視窗文檔對象寬度
alert($(document.body).width()); //瀏覽器當前視窗文檔body的寬度
alert($(document.body).outerWidth(true)); //瀏覽器當前視窗文檔body的總寬度 包括border padding margin
<!DOCTYPE html><script src="jquery-1.5.1.min.js" type="text/javascript"></script><html> <head> <title>aaa</title> </head> <body><h1>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</h1> <p>Welcome to aaa</p><h1>aaa</h1><h1>aaa</h1><h1>aaa</h1><h1>aaa</h1><h1>aaa</h1><h1>aaa</h1><h1>aaa</h1><h1>aaa</h1><h1>aaa</h1><h1>aaa</h1><h1>aaa</h1><h1>aaa</h1><h1>aaa</h1> </body></html><script type="text/javascript">alert(document.body.clientWidth);alert(document.body.clientHeight);alert(document.body.offsetWidth);alert(document.body.offsetHeight);alert(document.body.scrollWidth);alert(document.body.scrollHeight);alert(document.body.scrollTop);alert(document.body.scrollLeft);alert(window.screenTop);alert(window.screenLeft);alert(window.screen.height);alert(window.screen.width);alert(window.screen.availHeight);alert(window.screen.availWidth);//alert($(document).height()); //alert($(document).width());</script>
Javascript、Jquery擷取瀏覽器和螢幕各種高度寬度
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
