JavaScript獲取當(dāng)前窗口內(nèi)的寬度和高度匯總
小編給大家分享一下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)文章希望大家以后多多支持腳本之家!
- 原生js獲取瀏覽器窗口及元素寬高常用方法集合
- javascript窗口寬高,鼠標(biāo)位置,滾動高度(詳細解析)
- JS與Jquery獲取屏幕、瀏覽器、頁面的寬度和高度對比整理
- js/jquery獲取瀏覽器窗口可視區(qū)域高度和寬度以及滾動條高度實現(xiàn)代碼
- 瀏覽器常用高寬的jquery插件
- js 獲取瀏覽器高度和寬度值(多瀏覽器)
- js獲取瀏覽器和屏幕的各種寬度高度
- js 獲取屏幕各種寬高的方法(瀏覽器兼容)
- javascript獲取設(shè)置div的高度和寬度兼容任何瀏覽器
- JS獲取屏幕,瀏覽器窗口大小,網(wǎng)頁高度寬度(實現(xiàn)代碼)
- javascript獲取和判斷瀏覽器窗口、屏幕、網(wǎng)頁的高度、寬度等
相關(guān)文章
JavaScript中的alert()函數(shù)使用技巧詳解
這篇文章主要介紹了JavaScript中的alert()函數(shù)使用技巧詳解,本文講解了普通彈出、帶換行的文本、使用制表符、使用變量、使用樣式等選擇,需要的朋友可以參考下2014-12-12JS雙向鏈表實現(xiàn)與使用方法示例(增加一個previous屬性實現(xiàn))
這篇文章主要介紹了JS雙向鏈表實現(xiàn)與使用方法,在之前鏈表的基礎(chǔ)上增加一個previous屬性實現(xiàn)的雙向鏈表功能,需要的朋友可以參考下2019-01-01Bootstrap頁面標(biāo)題Page Header的實現(xiàn)方法
這篇文章主要為大家詳細介紹了Bootstrap頁面標(biāo)題Page Header的實現(xiàn)方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-03-03JavaScript獲取radio選中值的幾種常用方法小結(jié)
這篇文章主要介紹了JavaScript獲取radio選中值的幾種常用方法,結(jié)合實例形式總結(jié)分析了javascript獲取radio選中值的常見實現(xiàn)方法與操作注意事項,需要的朋友可以參考下2023-06-06JS查找字符串中出現(xiàn)最多的字符及個數(shù)統(tǒng)計
最近在項目中遇到這樣的需求:求字符串'nininihaoa'中出現(xiàn)次數(shù)最多字符。怎么實現(xiàn)呢?下面小編給大家分享具體實現(xiàn)代碼,需要的朋友參考下吧2017-02-02