history对象(学习笔记)
Posted 做个机灵鬼
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了history对象(学习笔记)相关的知识，希望对你有一定的参考价值。
history定义
1.History 对象包含用户（在浏览器窗口中）访问过的 URL。
2.History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。
3.实现两个页面的跳转效果
常见的方法：
- forward() 加载historyl列表下一个URL
- back() 加载history列表中上一个URL
- go() 加载history列表指定的页面
<body>
//href放着下一个页面的地址
<a href="13-history2.html">跳转到列表页</a>
<button>前进</button>
<script>
var btn = document.querySelector('button');
btn.addEventListener('click',function()
/*
History 对象包含用户（在浏览器窗口中）访问过的 URL。
History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。
*/
//加载histroy前一个URL，相当于浏览器的顶部的前进按键
//history是访问URL的记录，要先访问过 才可以调用history的方法
// history.forward();
//加载history中具体某个页面
history.go(1)
)
</script>
<body>
//href放着上一个页面的地址
<a href="12-history对象.html">跳转到列首页</a>
<button>后退</button>
<script>
var btn = document.querySelector('button');
btn.addEventListener('click',function()
/*
History 对象包含用户（在浏览器窗口中）访问过的 URL。
History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。
*/
//加载histroy前一个URL，相当于浏览器的顶部的前进按键
// history.back();
history.go(-1);
)
</script>
</body>
注意：history对象是包含浏览器访问过对象，所有要先把所有页面访问一次使history列表中有该URL，history的方法才会起作用
以上是关于history对象(学习笔记)的主要内容，如果未能解决你的问题，请参考以下文章