Web开发基础-JavaScript-16_history.back()等价于history.go(1)-优快云博客

本文链接：https://blog.youkuaiyun.com/Coder_Boy_/article/details/81043170

本文介绍JavaScript中window对象的常见用途，包括页面跳转、刷新、获取屏幕尺寸及浏览器信息等。通过实例展示了如何使用location对象进行页面跳转，history对象进行页面前进后退，以及screen和navigator对象获取设备信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS中window常用属性

案例演示：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>window常用属性</title>
		<script type="text/javascript">
			//超链接和location都能实现页面跳转，
			//超链接简单，但location更为灵活。
			function boke(){
				var b = confirm("您确定要离开本页面吗？");
				if(b){
					//修改页面的地址
					location.href = "https://blog.youkuaiyun.com/coder_boy_";
				}
			}
			
			function refresh(){
				//刷新页面
				location.reload();
			}
		
			function forward(){
				//前进一步
				history.forward();
			}
			
			function screenSize(){
				alert("总宽高："
					+screen.width+","+screen.height);
				alert("可用宽高："
					+screen.availWidth+","+screen.availHeight);
			}
			
			function llq(){
				
				alert(navigator.userAgent);
			}
		</script>
	</head>
	<body>
		<input type="button" value="博客" 
			οnclick="boke();">
		<input type="button" value="刷新"
			οnclick="refresh();">
		<input type="button"  value="前进"
			οnclick="forward();">
		<input type="button" value="屏幕尺寸"
		   οnclick="screenSize();">
		<input type="button" value="浏览器" 
			οnclick="llq();">
	</body>

</html>

最终页面显示效果：