BOM-Screen

07-4浏览器BOM-Screen

显示器的相关信息

常用的属性

注意这些参数是只读的参数

屏幕的高度 - 系统部件之后的值 screen.availHeight
没有被系统部件占用的左侧像素值 screen.availLeft
没有被系统组件占用的顶部像素值 screen.availTop
屏幕的宽度 - 系统部件之后的值 screen.availWidth
颜色的位数 screen.colorDepth
屏幕像素的高度 screen.height
屏幕的深度 screen.pixelDepth
屏幕的宽度 screen.width

屏幕的高度 - 系统部件之后的值 878
没有被系统部件占用的左侧像素值 0
没有被系统组件占用的顶部像素值 22
屏幕的宽度 - 系统部件之后的值 1440
颜色的位数 24
屏幕像素的高度 900
屏幕的深度 24
屏幕的宽度 1440

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<script type="text/javascript">
			
			console.log(screen);
			
			document.write("屏幕的高度 - 系统部件之后的值 " + screen.availHeight + "<br/>");
			document.write("没有被系统部件占用的左侧像素值 " + screen.availLeft + "<br/>" );
			document.write("没有被系统组件占用的顶部像素值 " + screen.availTop + "<br/>" );
			
			document.write("屏幕的宽度 - 系统部件之后的值 " + screen.availWidth + "<br/>" );
			
			document.write("颜色的位数 " + screen.colorDepth + "<br/>" );
			document.write("屏幕像素的高度 " + screen.height + "<br/>" );
			
			document.write("屏幕的深度 " + screen.pixelDepth +  "<br/>" );
			document.write("屏幕的宽度 " + screen.width +  "<br/>" );
			
			screen.height = 20;
			
		</script>
	</head>
	<body>
	</body>
</html>