必威体育Betway必威体育官网
当前位置:首页 > IT技术

HTML怎样获取显示器屏幕尺寸

时间:2019-10-18 10:44:27来源:IT技术作者:seo实验室小编阅读:79次「手机版」
 

显示屏尺寸

<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实现右箭头

荆轲刺秦王 在制作网页的时候,我们可能会有这样的需求:比如 我们需要做一个小箭头,最简单的办法就是直接用数学符号:">",但是这

HTML简单标记语言

一, HTML文字标记 普通文字,页面上正常显示 字体标记: <i> </i>定义斜体文本 <strong></strong>文本加粗 <sup></sup>小写上标 <su

Java获取今天是几号

System.out.println(Calendar.getInstance().get(Calendar.DAY_OF_MONTH));

JavaScript中textContent、innerText和innerHTML的用

目录 0.码仙励志 1.textContent的用法 1.设置标签中的文本内容 2.获取标签中的文本内容 2.innerText的用法 1.设置标签中的文本内

html——简历设计

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>简历</title> </head> <body> <table width="800"

分享到:

栏目导航

推荐阅读

热门阅读