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

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

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

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

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 +" (包括邊線和滾動(dòng)條的寬)";  
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)前窗口文檔對(duì)象寬度
$(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)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

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

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

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

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

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

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

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

    去除JavaScript對(duì)象中空值和空對(duì)象的四種方式

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

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

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

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

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

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

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

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

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

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

    原型和原型鏈?zhǔn)莏s中的難點(diǎn)也是重點(diǎn),明白了原型和原型鏈會(huì)讓我們?cè)诤竺娌还苁菍W(xué)習(xí)還是工作都會(huì)更加高效,這篇文章主要給大家介紹了關(guān)于JavaScript原型與原型鏈的相關(guān)資料,需要的朋友可以參考下
    2021-10-10
  • 移動(dòng)端效果之Swiper詳解

    移動(dòng)端效果之Swiper詳解

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

最新評(píng)論