js調(diào)用屏幕寬度的簡單方法
更新時間:2016年11月14日 16:39:24 投稿:jingxian
下面小編就為大家?guī)硪黄猨s調(diào)用屏幕寬度的簡單方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
如下所示:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無標題文檔</title> </head> <body><html> <script> function a(){ document.write( "屏幕分辨率為:"+screen.width+"*"+screen.height +"<br />"+ "屏幕可用大?。?+screen.availWidth+"*"+screen.availHeight +"<br />"+ "網(wǎng)頁可見區(qū)域?qū)挘?+document.body.clientWidth +"<br />"+ "網(wǎng)頁可見區(qū)域高:"+document.body.clientHeight +"<br />"+ "網(wǎng)頁可見區(qū)域?qū)?包括邊線的寬):"+document.body.offsetWidth +"<br />"+ "網(wǎng)頁可見區(qū)域高(包括邊線的寬):"+document.body.offsetHeight +"<br />"+ "網(wǎng)頁正文全文寬:"+document.body.scrollWidth +"<br />"+ "網(wǎng)頁正文全文高:"+document.body.scrollHeight +"<br />"+ "網(wǎng)頁被卷去的高:"+document.body.scrollTop +"<br />"+ "網(wǎng)頁被卷去的左:"+document.body.scrollLeft +"<br />"+ "網(wǎng)頁正文部分上:"+window.screenTop +"<br />"+ "網(wǎng)頁正文部分左:"+window.screenLeft +"<br />"+ "屏幕分辨率的高:"+window.screen.height +"<br />"+ "屏幕分辨率的寬:"+window.screen.width +"<br />"+ "屏幕可用工作區(qū)高度:"+window.screen.availHeight +"<br />"+ "屏幕可用工作區(qū)寬度:"+window.screen.availWidth ); } </script> <body onload="a()" > </body> </html> </body> </html>
以上就是小編為大家?guī)淼膉s調(diào)用屏幕寬度的簡單方法全部內(nèi)容了,希望大家多多支持腳本之家~
相關(guān)文章
微信小程序使用uni-app和springboot實現(xiàn)一鍵登錄功能(JWT鑒權(quán))
微信一鍵登錄是指用戶在使用小程序時,可以通過微信賬號進行快速登錄,而無需額外的注冊和密碼設(shè)置,這篇文章主要給大家介紹了關(guān)于微信小程序使用uni-app和springboot實現(xiàn)一鍵登錄功能的相關(guān)資料,需要的朋友可以參考下2023-11-11微信支付如何實現(xiàn)內(nèi)置瀏覽器的H5頁面支付
這篇文章主要介紹了微信支付如何實現(xiàn)內(nèi)置瀏覽器的H5頁面支付的相關(guān)資料,需要的朋友可以參考下2015-09-09使用JS監(jiān)聽鍵盤按下事件(keydown event)
這篇文章主要介紹了使用JS監(jiān)聽鍵盤按下事件(keydown event),本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下2019-11-11JavaScript使用Range調(diào)色及透明度實例
本文給大家分享的是使用range做的一個簡單的手動調(diào)色并可以得到RGB值的小工具,非常的實用,有需要的小伙伴可以參考下2016-09-09微信二次分享報錯invalid signature問題及解決方法
基于微信公眾號開發(fā)的h5頁面(使用jssdk接口),由用戶A分享給用戶B,用戶B再次分享這個頁面時,不能成功分享。這篇文章主要介紹了微信二次分享報錯invalid signature問題及解決方法,需要的朋友可以參考下2019-04-04