BOM对象——Location

BOM对象——location

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			window.onload = function() {
				/*
							Location
							 - 该对象封装了浏览器的地址栏信息
							*/
				//获取按钮
				var btn = document.getElementById("btn");
				btn.onclick = function() {

					// 如果直接打印location,则可以获取到地址栏的信息(当前页面完整的路径)
					// console.log(location);?
					
					/*
					如果直接将location属性改成一个完整路径或者相对路径则会跳转到该页面
					*/
					// location="http://www.baidu.com";
					
					
					/*
					assign
					 - 用来跳转到其他页面,作痛和直接修改location一样
					*/
				   // location.assign("http://www.baidu.com");
				   
				   /*
				   reload();
				   重新加载当前页面
				     如果在方法中传递一个true,强制清空缓存
				   */
				   // location.reload(true);
				   
				   /*
				   replace();
				     - 可以使用一个新的页面替换当前页面,调用完毕也会跳转页面
					 -  不会生成历史记录,不能使用回退按钮
				   */
				   location.replace("http://www.baidu.com");
				}
			}
		</script>
	</head>
	<body>
		<button type="button" id="btn">btn</button>
	</body>
</html>

posted @ 2019-12-19 13:07  小咸鱼|大梦想  阅读(273)  评论(0编辑  收藏  举报