HTML获取屏幕、浏览器的尺寸大小

<html>
<script>
function a(){
document.write(
"屏幕分辨率为："+screen.width+"*"+screen.height  //最好是window.screen
+"<br />"+
"屏幕可用大小："+screen.availWidth+"*"+screen.availHeight
+"<br />"+
"网页可见区域宽："+document.body.clientWidth
+"<br />"+
"网页可见区域高："+document.body.clientHeight
+"<br />"+
"网页可见区域宽(包括边线的宽)："+document.body.offsetWidth
+"<br />"+
"网页可见区域高(包括边线的宽)："+document.body.offsetHeight
+"<br />"+
"网页正文全文宽："+document.body.scrollWidth
+"<br />"+
"网页正文全文高："+document.body.scrollHeight
+"<br />"+
"网页被卷去的高："+document.body.scrollTop
+"<br />"+
"网页被卷去的左："+document.body.scrollLeft
+"<br />"+
"网页正文部分上："+window.screenTop
+"<br />"+
"网页正文部分左："+window.screenLeft
+"<br />"+
"屏幕分辨率的高："+window.screen.height
+"<br />"+
"屏幕分辨率的宽："+window.screen.width
+"<br />"+
"屏幕可用工作区高度："+window.screen.availHeight
+"<br />"+
"屏幕可用工作区宽度："+window.screen.availWidth
);
}
function set_bgColor(){document.body.style.backgroundColor="red";
}
function set_bgImg(){document.body.style.backgroundImage="url(t/JS获取屏幕大小 - 风飘零 - 博客园.png)";
}
</script>
<body onLoad="alert('init')" ><input type='button' value="set_bgColor" οnclick="set_bgColor();"> <br><input type='button' value="set_bgImg" οnclick="set_bgImg()">
</body>
</html>

很全的获取尺寸的方法，收藏了。

HTML获取屏幕、浏览器的尺寸大小相关推荐

android 获取屏幕的物理尺寸
计算方法:获取到屏幕的分辨率:point.x和point.y,再取出屏幕的DPI(每英寸的像素数量),计算长和宽有多少英寸,即:point.x / dm.xdpi,point.y / dm.ydpi, ...
android获取屏幕的物理尺寸
/** * @ 获取当前手机屏幕尺寸 */ public static float getPingMuSize(Context mContext) {int densityDpi = mContext ...
Javascript获取屏幕与页面尺寸
<html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> ...
JS获取屏幕浏览器网页高度和宽度属性
1 网页可见区域宽:document.body.clientWidth 2 网页可见区域高:document.body.clientHeight 3 网页可见区域宽:document.body.off ...
Flutter LayoutBuilder 用来获取父布局的尺寸大小
志在巅峰的攀登者,不会陶醉在沿途的某个脚印之中,在码农的世界里,优美的应用体验,来源于程序员对细节的处理以及自我要求的境界,年轻人也是忙忙碌碌的码农中一员,每天.每周,都会留下一些脚印,就是这些创作的 ...
android 拍照屏幕大小,Android Camera 找出屏幕的最佳尺寸大小
大家平时都会调用到Camera 这个API,在设置Camera.Paramera的参数的时候,有一个预览大小.也就是: setPreviewSize(int width, ing height) 这个 ...
获取屏幕浏览器的宽高
JQuery: $(document).ready(function(){alert($(window).height()); //浏览器当前窗口可视区域高度alert($(document).hei ...
C#获取屏幕大小的“简单整理”。。
额-- 首先是有一个需求,两个显示器,程序自动获取自己所在的显示器大小,并显示到右下角. 我们都知道C#有一个Screen.PrimaryScreen.Bounds,可以获取屏幕的完整尺寸,但是只能获 ...
android获取屏幕尺寸，像素
public void getScreen(){// 通过Activity类中的getWindowManager()方法获取窗口管理,再调用getDefaultDisplay()方法获取获取Disp ...

HTML获取屏幕、浏览器的尺寸大小

HTML获取屏幕、浏览器的尺寸大小相关推荐

最新文章

热门文章