JS Location & History & Screen

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<!--    	
    	描述:Location对象:window对象的一个部分
    	
    	属性:
    		href:地址
    		port:端口号
    		
    	方法:
    		assign(url) 加载一个新的页面
    		reload() 重新加载当前页面
    		replace(url) 在当前窗口打开新的页面
    -->

	<body>
		<script type="text/javascript">
			document.write("路径:" + location.href + "<br/>");
			document.write("端口:" + location.port);
			
			
			//location.assign("http://www.baidu.com");
			//location.reload();
			//location.replace("http://www.baidu.com");
		</script>
	</body>

</html>


<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<!--    	
    	描述:History 对象包含用户(在浏览器窗口中)访问过的 URL。
    	
    	属性:
    		length:返回浏览器历史列表中的 URL 数量。
    	
    	方法:
    		forward():前进
    		back():后退
    -->

	<body>
		当前页面:History页面
		<a href="下一页.html">下一页</a>
		<script type="text/javascript">
			document.write("访问过的网页数量:" + history.length);
		</script>

		<input type="button" οnclick="history.forward()" value="前进" />
		<input type="button" οnclick="history.back()" value="后退" />
	</body>

</html>

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<!--    	
    	描述:screen 屏幕对象
    	
    -->

	<body>
		<script type="text/javascript">
			document.write("屏幕宽度(除去任务栏):" + screen.availWidth + "<br/>");
			document.write("屏幕高度(除去任务栏):" + screen.availHeight + "<br/>");
			document.write("屏幕宽度:" + screen.width + "<br/>");
			document.write("屏幕高度:" + screen.height + "<br/>");
		</script>
	</body>

</html>




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值