<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>location对象方法(assign()、reload()、replace())</title> <!-- window.location/location.href 加载新的文档 location.assign() 加载新的文档。//有前一个页面的历史记录，可返回上一页 location.reload() 重新加载当前文档。//刷新当前页面，不产生历史记录 location.replace() 用新的文档替换当前文档。//没有前一个页面的历史纪录，不能返回上一页 --> </head> <body> <input type="button" value="href" id="inp1"> <input type="button" value="assign" id="inp2"> <input type="button" value="reload" id="inp3"> <input type="button" value="replace" id="inp4"> <script> var href=document.getElementById("inp1"); var assign=document.getElementById("inp2"); var reload=document.getElementById("inp3"); var replace=document.getElementById("inp4"); var a=document.getElementById("inp5"); href.onclick=function (){location.href="https://www.baidu.com/";}//在当前页面打开新的页面 assign.onclick=function (){location.assign("https://www.baidu.com/");}//在当前页面打开新的页面 reload.onclick=function (){location.reload();}//重新加载当前页面 replace.onclick=function (){location.replace("https://www.baidu.com/");}//使用新的页面替换当前页面 </script> </body> </html>