JavaScript文档对象模型

你可爱的野跌

已于 2022-09-28 20:00:26 修改

阅读量138

点赞数 1

文章标签： html servlet 前端

于 2022-09-26 23:57:04 首次发布

本文链接：https://blog.csdn.net/m0_68131349/article/details/127063345

版权

History对象：有关客户访问过的URL的信息

Location对象：有当前URL的信息

代码演示

<body>
		<input type="button" name="btn1" id="btn1" value="assign()" />
		<input type="button" name="btn1" id="btn2" value="reload()" />
		<input type="button" name="btn1" id="btn3" value="replace()" />
		<script type="text/javascript">
			console.log(location.host)
			console.log(location.hostname)
			console.log(location.href)
			btn1.onclick=function(){
				location.assign("http://www.baidu.com")//可以后退
			}
			btn2.onclick=function(){
				location.reload()//页面刷新
			}
			btn3.onclick=function(){
				location.replace("http://i.chaoxing.com")//没有后退功能
			}
		</script>
	</body>