Bjb Code

LOCATION 对象

在 JS 中，LOCATION 对象是一个全局对象，它提供了当前窗口中加载文档的信息。

LOCATION 对象

// 获取页面地址信息
console.log(window.location);			// 获取当前页面的 URL
console.log(window.location.hash);		// 得到 URL 上的 # 及后面的内容：#helloworld
console.log(window.location.search);	// 得到 URL 上的 ? 及后面的内容
console.log(window.location.host);		// 获取当前 URL 的主机名和端口号：localhost:63342
console.log(window.location.hostname);	// 获取主机名                                                               
console.log(window.location.port);		// 获取当前 URL 的端口号：63342
console.log(window.location.protocol);	// 获取协议：http:、ftp:、https：等
console.log(window.location.pathname);	// 获取当前 URL 指向的文件的相对路径

// 设置页面
window.onload = function(){
	document.getElementById("btn").onclick = function(){
		// 设置页面跳转的地址
		// 方法一：用属性设置（可以返回前一页面），有历史记录
		location.href = "https://www.baidu.com";
		// 方法二：用 assign 方法设置（可以返回前一页面），有历史记录
		location.assign("https://www.baidu.com");
		// 方法三：用 replace 方法设置（不可以返回前一页面），没有历史记录
		location.replace("http://www.baidu.com");

		// 刷新界面
		location.reload();
	}
}