location对象方法(assign()、reload()、replace()) 

<!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>

posted on 2019-12-21 17:00  loongw  阅读(579)  评论(0)  编辑  收藏  举报

导航