页面跳转

Posted luzhanshi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了页面跳转相关的知识,希望对你有一定的参考价值。

 /*open():四个参数
    * 1:需要打开的新页面
    * 2:打开的新页面的别称
    * 3:打开的新页面的状态
    * 4:打开的新页面是否替换老页面*/
    function openPage() {
        window.open("http://www.baidui.com","xiaodu","width=200,hight=300",true);

    }
    function open2() {
        window.open("http://www.hao123.com","xiaohao","width=200,hight=300",true);
    }
console.log(location);
    /*加载新页面,一个全新的页面替代原先页面,调到新页面之后可以返回原先页面*/
    function assignPage() {
        location.assign("http://www.baidu.com");
    }
    function reloadPage() {
        /*不是完全的刷新,会从缓存里加载已经存在的数据*/
        location.reload();

        /*完全刷新,完全刷新当前页面,不会从缓存里获取数据*/
        location.reload(true);
    }
    /*替代页面,用一个全新的页面替代原先页面,调到新页面之后无法返回原先页面*/
    function replacePage() {
        location.replace("http://www.hao123.com");
    }

 

以上是关于页面跳转的主要内容,如果未能解决你的问题,请参考以下文章

HTML代码片段

HTML代码片段

小程序各种功能代码片段整理---持续更新

单页应用及多页应用

Vue 创建多页面应用模式

单页面应用和多页面应用的区别对比