JavaScript獲取當(dāng)前窗口內(nèi)的寬度和高度匯總
小編給大家分享一下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)文章希望大家以后多多支持腳本之家!
- 原生js獲取瀏覽器窗口及元素寬高常用方法集合
- javascript窗口寬高,鼠標(biāo)位置,滾動(dòng)高度(詳細(xì)解析)
- JS與Jquery獲取屏幕、瀏覽器、頁面的寬度和高度對(duì)比整理
- js/jquery獲取瀏覽器窗口可視區(qū)域高度和寬度以及滾動(dòng)條高度實(shí)現(xiàn)代碼
- 瀏覽器常用高寬的jquery插件
- js 獲取瀏覽器高度和寬度值(多瀏覽器)
- js獲取瀏覽器和屏幕的各種寬度高度
- js 獲取屏幕各種寬高的方法(瀏覽器兼容)
- javascript獲取設(shè)置div的高度和寬度兼容任何瀏覽器
- JS獲取屏幕,瀏覽器窗口大小,網(wǎng)頁高度寬度(實(shí)現(xiàn)代碼)
- javascript獲取和判斷瀏覽器窗口、屏幕、網(wǎng)頁的高度、寬度等
相關(guān)文章
JavaScript中的alert()函數(shù)使用技巧詳解
這篇文章主要介紹了JavaScript中的alert()函數(shù)使用技巧詳解,本文講解了普通彈出、帶換行的文本、使用制表符、使用變量、使用樣式等選擇,需要的朋友可以參考下2014-12-12
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)方法
這篇文章主要為大家詳細(xì)介紹了Bootstrap頁面標(biāo)題Page Header的實(shí)現(xiàn)方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-03-03
去除JavaScript對(duì)象中空值和空對(duì)象的四種方式
開發(fā)時(shí)遇到一個(gè)問題,需要將對(duì)象中的空值和空對(duì)象去除,所以這篇文章主要給大家介紹了關(guān)于去除JavaScript對(duì)象中空值和空對(duì)象的四種方式,需要的朋友可以參考下2023-09-09
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ì)
最近在項(xiàng)目中遇到這樣的需求:求字符串'nininihaoa'中出現(xiàn)次數(shù)最多字符。怎么實(shí)現(xiàn)呢?下面小編給大家分享具體實(shí)現(xiàn)代碼,需要的朋友參考下吧2017-02-02
JS+HTML5實(shí)現(xiàn)圖片在線預(yù)覽功能
這篇文章主要為大家詳細(xì)介紹了JS+HTML5實(shí)現(xiàn)圖片在線預(yù)覽功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07

