欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript獲取當(dāng)前窗口內(nèi)的寬度和高度匯總

 更新時間:2023年02月20日 08:14:18   作者:hongmin118  
這篇文章主要介紹了JavaScript獲取當(dāng)前窗口內(nèi)的寬度和高度匯總的相關(guān)資料,需要的朋友可以參考下

小編給大家分享一下JS與Jquery如何獲取屏幕、瀏覽器、頁面的寬度和高度的相關(guān)知識點,內(nèi)容詳細,邏輯清晰,相信大部分人都還太了解這方面的知識,所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來了解一下吧。

JavaScript獲取窗口寬高:

var s = "";  
s += "\r\n網(wǎng)頁可見區(qū)域?qū)挘?quot;+ document.body.clientWidth;  
s += "\r\n網(wǎng)頁可見區(qū)域高:"+ document.body.clientHeight;  
s += "\r\n網(wǎng)頁可見區(qū)域?qū)挘?quot;+ document.body.offsetWidth +" (包括邊線和滾動條的寬)";  
s += "\r\n網(wǎng)頁可見區(qū)域高:"+ document.body.offsetHeight +" (包括邊線的寬)";  
s += "\r\n網(wǎng)頁正文全文寬:"+ document.body.scrollWidth;  
s += "\r\n網(wǎng)頁正文全文高:"+ document.body.scrollHeight;  
s += "\r\n網(wǎng)頁被卷去的高:"+ document.body.scrollTop;  
s += "\r\n網(wǎng)頁被卷去的左:"+ document.body.scrollLeft;  
s += "\r\n網(wǎng)頁正文部分上:"+ window.screenTop;  
s += "\r\n網(wǎng)頁正文部分左:"+ window.screenLeft;  
s += "\r\n屏幕分辨率的高:"+ window.screen.height;  
s += "\r\n屏幕分辨率的寬:"+ window.screen.width;  
s += "\r\n屏幕可用工作區(qū)高度:"+ window.screen.availHeight;  
s += "\r\n屏幕可用工作區(qū)寬度:"+ window.screen.availWidth;  
s += "\r\n你的屏幕設(shè)置是 "+ window.screen.colorDepth +" 位彩色";  
s += "\r\n你的屏幕設(shè)置 "+ window.screen.deviceXDPI +" 像素/英寸";  
alert(s);

Jquery如何獲取屏幕、瀏覽器、頁面的寬度和高度

//高度:
$(window).height();                                  //瀏覽器當(dāng)前窗口可視區(qū)域高度
$(document).height();                              //瀏覽器當(dāng)前窗口文檔的高度
$(document.body).height();                     //瀏覽器當(dāng)前窗口文檔body的高度
$(document.body).outerHeight(true);      //瀏覽器當(dāng)前窗口文檔body的高度
//總高度包括border, padding, margin

//寬度:
$(window).width();                                     //瀏覽器當(dāng)前窗口可視區(qū)域?qū)挾?
$(document).width();                                 //瀏覽器當(dāng)前窗口文檔對象寬度
$(document.body).width();                        //瀏覽器當(dāng)前窗口文檔body的高度
$(document.body).outerWidth(true);         //瀏覽器當(dāng)前窗口文檔body的

到此這篇關(guān)于JavaScript與jQuery獲取當(dāng)前窗口內(nèi)的寬度和高度匯總的文章就介紹到這了,更多相關(guān)js與jQuery得到當(dāng)前窗口內(nèi)的寬度和高度內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • JavaScript中的alert()函數(shù)使用技巧詳解

    JavaScript中的alert()函數(shù)使用技巧詳解

    這篇文章主要介紹了JavaScript中的alert()函數(shù)使用技巧詳解,本文講解了普通彈出、帶換行的文本、使用制表符、使用變量、使用樣式等選擇,需要的朋友可以參考下
    2014-12-12
  • JS雙向鏈表實現(xiàn)與使用方法示例(增加一個previous屬性實現(xiàn))

    JS雙向鏈表實現(xiàn)與使用方法示例(增加一個previous屬性實現(xiàn))

    這篇文章主要介紹了JS雙向鏈表實現(xiàn)與使用方法,在之前鏈表的基礎(chǔ)上增加一個previous屬性實現(xiàn)的雙向鏈表功能,需要的朋友可以參考下
    2019-01-01
  • Bootstrap頁面標(biāo)題Page Header的實現(xiàn)方法

    Bootstrap頁面標(biāo)題Page Header的實現(xiàn)方法

    這篇文章主要為大家詳細介紹了Bootstrap頁面標(biāo)題Page Header的實現(xiàn)方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-03-03
  • 去除JavaScript對象中空值和空對象的四種方式

    去除JavaScript對象中空值和空對象的四種方式

    開發(fā)時遇到一個問題,需要將對象中的空值和空對象去除,所以這篇文章主要給大家介紹了關(guān)于去除JavaScript對象中空值和空對象的四種方式,需要的朋友可以參考下
    2023-09-09
  • 深入理解JavaScript 解構(gòu)賦值

    深入理解JavaScript 解構(gòu)賦值

    JavaScript的解構(gòu)賦值是ES6引入的語法,允許以簡潔的方式從數(shù)組或?qū)ο笾刑崛?shù)據(jù)并賦值給變量,包括數(shù)組解構(gòu)、對象解構(gòu)、參數(shù)解構(gòu)、變量交換等,它可以大幅簡化代碼,提高開發(fā)效率,下面就一起來了解一下
    2024-09-09
  • JavaScript獲取radio選中值的幾種常用方法小結(jié)

    JavaScript獲取radio選中值的幾種常用方法小結(jié)

    這篇文章主要介紹了JavaScript獲取radio選中值的幾種常用方法,結(jié)合實例形式總結(jié)分析了javascript獲取radio選中值的常見實現(xiàn)方法與操作注意事項,需要的朋友可以參考下
    2023-06-06
  • JS查找字符串中出現(xiàn)最多的字符及個數(shù)統(tǒng)計

    JS查找字符串中出現(xiàn)最多的字符及個數(shù)統(tǒng)計

    最近在項目中遇到這樣的需求:求字符串'nininihaoa'中出現(xiàn)次數(shù)最多字符。怎么實現(xiàn)呢?下面小編給大家分享具體實現(xiàn)代碼,需要的朋友參考下吧
    2017-02-02
  • JS+HTML5實現(xiàn)圖片在線預(yù)覽功能

    JS+HTML5實現(xiàn)圖片在線預(yù)覽功能

    這篇文章主要為大家詳細介紹了JS+HTML5實現(xiàn)圖片在線預(yù)覽功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-07-07
  • 徹底理解JavaScript的原型與原型鏈

    徹底理解JavaScript的原型與原型鏈

    原型和原型鏈?zhǔn)莏s中的難點也是重點,明白了原型和原型鏈會讓我們在后面不管是學(xué)習(xí)還是工作都會更加高效,這篇文章主要給大家介紹了關(guān)于JavaScript原型與原型鏈的相關(guān)資料,需要的朋友可以參考下
    2021-10-10
  • 移動端效果之Swiper詳解

    移動端效果之Swiper詳解

    這篇文章主要為大家詳細介紹了移動端效果之Swiper的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-10-10

最新評論