BOM对象学习

最新推荐文章于 2023-03-18 10:35:14 发布

有园人

最新推荐文章于 2023-03-18 10:35:14 发布

阅读量131

点赞数

分类专栏：网页编程和设计文章标签： BOM对象学习

本文链接：https://blog.csdn.net/qq_42031653/article/details/99656029

版权

网页编程和设计专栏收录该内容

33 篇文章 0 订阅

订阅专栏

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" onclick="testLocation()" />
		</p>
		
		<p>
			<input type="button" id="" value="testhistory" onclick="testhistory()" />
		</p>
		
		<p>
			<input type="button" id="" value="testScreen" onclick="testScreen()" />
		</p>
		
		<p>
			<input type="button" id="" value="testnavicate" onclick="testnavicate()" />
		</p>
	</body>
</html>

有园人

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
BOM对象学习

location，history，screen<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>02BOM对象学习</title> <script> function testLocation(){ //127....
复制链接

扫一扫