js
BOM中的对象
History：历史记录对象
1. 创建(获取)：
1. window.history
2. history
2. 方法：
* back() 加载 history 列表中的前一个 URL。
* forward() 加载 history 列表中的下一个 URL。
* go(参数) 加载 history 列表中的某个具体页面。
* 参数：
* 正数：前进几个历史记录
* 负数：后退几个历史录记
3. 属性：
* length 返回当前窗口历史列表中的 URL 数量。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>History对象</title> </head> <body> <input type="button" id="btn" value="获取历史记录个数"> <input type="button" id="bai" value="进入百度首页"> //超链接 <a href="09____history对象2.html">09页面</a> <input type="button" id="forward" value="前进"> <input type="button" id="back" value="后退"> <script> /* History：历史记录对象 1. 创建(获取)： 1. window.history 2. history 2. 方法： * back() 加载 history 列表中的前一个 URL。 * forward() 加载 history 列表中的下一个 URL。 * go(参数) 加载 history 列表中的某个具体页面。 * 参数： * 正数：前进几个历史记录 * 负数：后退几个历史记录 3. 属性： * length 返回当前窗口历史列表中的 URL 数量。 */ //获取btn对象 var btn = document.getElementById("btn"); //绑定事件 btn.onclick = function () { var length = history.length; alert(length); } var bai = document.getElementById("bai"); bai.onclick = function () { location.href = "https://www.baidu.cn"; } var forward = document.getElementById("forward"); forward.onclick = function () { //前进 //history.forward(); //go方法 history.go(1); } var back = document.getElementById("back"); back.onclick = function () { //后退 history.back(); } </script> </body> </html>
在另外的一个页面后退
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>轮播图</title> </head> <body> <img id="img" src="img/banner_1.jpg" width="100%"> <input type="button" id="back" value="后退"> <script> var number = 1; function fun() { number++; if(number>3){ number = 1; } var img = document.getElementById("img"); img.src = "img/banner_"+number+".jpg"; } setInterval(fun,3000); var back = document.getElementById("back"); back.onclick = function () { //后退 history.back(); } </script> </body> </html>
