目录：
1.History对象
2.location对象
一、History对象
1.什么是History
History 对象包含用户（在浏览器窗口中）访问过的 URL。
History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。
注释：没有应用于 History 对象的公开标准，不过所有浏览器都支持该对象。
2.history对象的方法
- back（）方法会让浏览器加载前一个浏览过的文档。 history.back（）等效于浏览器中的“后退”按钮
- forward（）方法会让浏览器加载后一个浏览的文档。history. forward（）等效于浏览器中的“前进”按钮
- go（n）方法
history.go(1)代表前进一页，相当于浏览器中的前进按照，等价于forward（）方法
history.go（-1）代表后退一页，相当于浏览器中的后退按钮，等价于back（）方法
3.代码
<!DOCTYPE html>
<html>
<head>
<script>
function goBack()
{
window.history.go(-2)
}
</script>
</head>
<body>
<input type="button" value="Go 2 pages back" onclick="goBack()">
</body>
</html>
二、location对象
1.什么是location
Location 对象包含有关当前 URL 的信息。
Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。
2.location对象的属性和方法
属性：location.href
可读可写，设置或返回当前的URL地址。属性：location.host
可读可写，设置或返回当前 URL 的主机名称和端口号。属性：location.hostname
可读可写，设置或返回当前 URL 的主机名称。属性：location.href
可读可写，设置或返回 URL 的锚部分（从 # 号开始的部分）。属性：location.port
可读可写，设置或返回 URL 的端口号。属性：location.pathname
可读可写，设置或返回 URL 的路径部分。也就是端口号之后，从/开始。属性：location.protocol
可读可写，设置或返回 URL 的协议。属性：location.search
可读可写，设置或返回 URL 的参数部分，从?开始，包含?。方法：location.assign(url)
加载新的文档，其实就是跳转新的地址。方法：location.reload(true/false)
刷新当前页面，false与F5刷新一样，true与shift+F5一样。方法：location.replace(url)
跳转新的地址，且没有历史记录在浏览器，也就是替换当前的文档。
3.代码
//对象中的属性和方法
//location 对象
console.log(window.location);
//地址栏上#及后面的内容
console.log(window.location.hash);
//主机及端口号
console.log(window.location.host);
//主机名
console.log(window.location.hostname);
//文件的路径----相对路径
console.log(window.location.pathname);
//端口号
console.log(window.location.port);
//协议
console.log(window.location.protocol);
//搜索的内容
console.log(window.location.search);
//设置跳转的页面地址
location.href="http://www.3mooc.com";//属性-----
location.assign("http://www.3mooc.com");//方法
location.reload();//重新加载
location.replace("http://www.3mooc.com");//没有历史记录----不能返回原页面
网友评论