Skrin Tetingkap JavaScript

Skrin Tetingkap

Objek tetingkap.skrin boleh ditulis tanpa awalan tetingkap.

Sesetengah sifat:

screen.availWidth - lebar skrin tersedia

screen.availHeight - ketinggian skrin tersedia

Sifat screen.availWidth mengembalikan lebar skrin pelawat, dalam piksel, tolak ciri antara muka seperti bar tugas tetingkap. Sifat

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<script>
document.write("可用宽度: " + screen.availWidth);
</script>
</body>
</html>

screen.availHeight mengembalikan ketinggian skrin pelawat, dalam piksel, tolak ciri antara muka seperti bar tugas tetingkap.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<script>
document.write("可用宽度: " + screen.availHeight);
</script>
</body>
</html>

bahagian seterusnya

fail baharu

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<script type="text/javascript">
	function a(){
		document.write(
		"屏幕分辨率为："+screen.width+"*"+screen.height
		+"<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
		);
	}
</script>
</head>
<body onload="a()">
</body>
</html>

serahkan Tetapkan Semula Kod

Operasi automatik

Skrin penuh