[网页编程]-14 JavaScript Bom对象中常用属性

prtyaa 2023-12-27 16:03:20  66070

分类专栏：资讯

Navigator

返回由客户机发送到服务器的user-agent的头部信息(用户代理对象)

判断是移动端还是PC端

Location

url:查看地址

href:查看主机地址

hostname:主机地址

port:端口号

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			/* Location对象学习 */
			function testLocation(){
//http://127.0.0.1:8848/JS2/01JS%E4%B8%ADBOM%E5%AF%B9%E8%B1%A1%E7%9A%84%E5%AD%A6%E4%B9%A0
.html
			//URL
			var href = window.location.href;
			//127.0.0.1 //主机地址
			var hostname = window.location.hostname;
			//8848 //端口号
			var port = window.location.port;
			//127.0.0.1:8848 //主机地址端口号
			var host = window.location.host;
			
			console.log(href+"--"+hostname+"--"+port+"--"+host);
			
			//修改当前的URL为百度
			window.location.href="http://www.baidu.com";
			//重新加载页面
			window.location.reload();
			}
		</script>
		
		
	</head>
	<body>
		<p>
	<input type="button" name="" id="" value="Location对象" onclick="testLocation()" />
		</p>
	</body>
</html>

History

操作浏览器历史

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			/* History */
			function testHistory(){
				//返回浏览器历史列表中的URL数量 也就是能后退几步
				var len = window.history.length;
				alert(len);
				//前进按钮
				window.history.forward();
				//后退按钮
				window.history.back();
			//控制指定前进几个url  前进是正数  后退是负数 若是0则重新加载页面
				window.history.go(5);
			}
		</script>
	</head>
	<body>
		<p>
	<input type="button" name="" id="" value="History对象" onclick="testHistory()" />
		</p>
	</body>
</html>