BOM对象学习

location，history，screen

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>02BOM对象学习</title>
		<script>
			function testLocation(){
				//127.0.0.1:8020    ip+端口号
				var host=window.location.host;
				
				//127.0.0.1    ip
				var hostname=window.location.hostname;
				
				//http://127.0.0.1:8020/06JS/02BOM%E5%AF%B9%E8%B1%A1%E5%AD%A6%E4%B9%A0.html
				var href=window.location.href;
				
				// location.href 跳转网址，当前页面跳转      window.open 是另起一页跳转
				window.location.href="http://www.bjsxt.com";
				//window.open("http://www.baidu.com");
				
				//8020   端口号
				var port=window.location.port;
				//var name=window.location.Location.name;
				
				//window.alert(host+"---"+hostname+"---"+href+"---"+port);
				//刷新当前页面
				//window.location.reload();
			}
			
			function testhistory(){
				//后退
				//window.history.back();
				
				//前进
				//window.history.forward();
				
				//当前有多少页面
				var le=window.history.length;
				alert(le);
				
				//go(a) a为正数则是前进几页，a为负数则是后退几页，a=0则是刷新页面
				window.history.go(1);
				
			}
			
			function testScreen(){
				//获取当前屏幕分辨率
				var height=window.screen.height;
				var width=window.screen.width;
				alert(height+"×"+width);
			}
			
			function testnavicate(){
				//返回由客户机发送服务器的 user-agent 头部的值
				var ua=window.navigator.userAgent;
				alert(ua);
			}
		</script>
	</head>
	<body>
		<p>
			<input type="button" id="" value="testLocation" οnclick="testLocation()" />
		</p>
		
		<p>
			<input type="button" id="" value="testhistory" οnclick="testhistory()" />
		</p>
		
		<p>
			<input type="button" id="" value="testScreen" οnclick="testScreen()" />
		</p>
		
		<p>
			<input type="button" id="" value="testnavicate" οnclick="testnavicate()" />
		</p>
	</body>
</html>

 

posted @ 2019-12-11 08:56  sakura-yxf  阅读(88)  评论(0)    收藏  举报