美文网首页12月让前端飞简友广场
前端进行页面跳转和页面刷新的方法

前端进行页面跳转和页面刷新的方法

作者: 绿芽 | 来源:发表于2021-09-23 09:53 被阅读0次

    js中进行页面跳转的几种方法

    一、 在当前窗口进行跳转

    1、 使用a标签进行跳转

    <a href="//www.baidu.com/">跳转</a>
    

    2、 使用window.location.hre进行跳转

    window.location.href = '//www.baidu.com';
    

    二、 打开新的窗口进行跳转

    1、 使用a标签进行打开跳转

    <a href="//www.baidu.com" target="_blank">跳转</a>
    

    2、 使用window.open方法进行打开

    window.open('//www.baidu.com');
    

    三、 当页面有嵌套的iframe页面时的跳转

    1、 最外层页面进行页面跳转

    window.top.location.href = '//www.baidu.com';
    

    2、 当前页面的父页面进行跳转

    window.parent.location.href = '//www.baidu.com';
    

    四、 页面刷新的方法

    1、 当前页面刷新

    window.location.reload();
    

    2、 当iframe页面嵌套时刷新当前页面的父页面

    window.parent.location.reload();
    

    3、 当iframe页面嵌套时刷新最外层页面

    window.top.location.reload();
    

    相关文章

      网友评论

        本文标题:前端进行页面跳转和页面刷新的方法

        本文链接:https://www.haomeiwen.com/subject/ghingltx.html