history.go() 小灰灰 2020-06-02 14:03 673阅读 0赞 # history.go() 此方法加载浏览历史列表中的指定页面。 笔者当年刚接触web的时候，对于此方法并没有真正的理解。 只知道history.go(-1)可以返回前一个页面，history.go(1)进入下一个页面。 首先解释一下浏览历史记录，当浏览页面的时候，如果没特别的设置，会将浏览器过的页面缓存起来。 当再次访问这些页面的时候，可以从缓存中读取，提高效率，当然也可以设置不缓存这些页面。 浏览器截图如下：  点击后退或者前进按钮，可以从历史记录中读取当前页面的前一个或者下一个URL内容。 history.go方法同样可以实现前进或者后退功能。 语法结构： ```javascript history.go(number|URL) ``` 参数解析: （1）.number：一个数字，当前页面number值是0，那么上一个url就是-1，下一个url就是1，以此类推。 （2）.URL：字符串，URL地址，可以加载列表第一个匹配的URL页面内容。 **浏览器支持:** （1）.IE浏览器支持此方法。 （2）.edge浏览器支持此方法。 （3）.谷歌浏览器支持此方法。 （4）.opera浏览器支持此方法。 （5）.火狐浏览器支持此方法。 （6）.safria浏览器支持此方法。 **代码实例:** ```html <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.dandelioncloud.cn/" /> <title>蒲公英云</title> <script type="text/javascript"> window.onload=function(){ let obt=document.getElementById("bt"); obt.onclick = function () { history.go(-1); } } </script> </head> <body> <input type="button" id="bt" value="查看演示"/> </body> </html> ``` 点击按钮可以加载浏览器记录中，当前页面url所在位置前一个url页面内容。 当然必须历史记录中有对应的内容，上述代码才会生效。 ```html <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.dandelioncloud.cn/" /> <title>蒲公英云</title> <script type="text/javascript"> window.onload=function(){ let obt=document.getElementById("bt"); obt.onclick = function () { history.go(1); } } </script> </head> <body> <input type="button" id="bt" value="查看演示"/> </body> </html> ``` 点击按钮可以加载浏览器记录中，当前页面url所在位置下一个url页面内容。 数字是一个表示历史列表中url位置相对值，当前页面对应数字是0，下一个是1，前一个是-1。 ```html <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.dandelioncloud.cn/" /> <title>蒲公英云</title> <script type="text/javascript"> window.onload=function(){ let obt=document.getElementById("bt"); obt.onclick = function () { history.go("http://www.dandelioncloud.cn"); } } </script> </head> <body> <input type="button" id="bt" value="查看演示"/> </body> </html> ``` 此方法的参数也可以是一个具体的url。 那么会在浏览历史列表中查找此url，找到第一个后，就会加载此url。
还没有评论，来说两句吧...