JS 实现页面跳转的几种方法

要实现从一个页面A跳到另一个页面B,js实现就在A的js代码加跳转代码

JS跳转大概有以下几种方式:

第一种:(跳转到b.html)

  window.location.href="b.html";

第二种:(返回上一页面)

  window.history.go(-1);

第三种:

  window.navigate("b.html");

第四种:

  self.location=’b.html’;

第五种:

  top.location=’b.html’;

页面传值:

第一个页面

无标题文档  function test(){    var s = document.getElementById("txt");    location.href="test2.html?"+"txt="+encodeURI(s.value);   } 

第二个页面

无标题文档   var loc = location.href; var n1 = loc.length;//地址的总长度 var n2 = loc.indexOf("=");//取得=号的位置 var id = decodeURI(loc.substr(n2+1, n1-n2));//从=号后面的内容 alert(id); //document.write(id) 

注:中文传输:可以在页面a用encodeURI 编码url 在b页面用decodeURI解码url

使用 JS 实现页面跳转的几种方式总结

第一种:使用JS跳转页面

1)跳转带参

    window.location.href="jingxuan.do?backurl=" + window.location.href; 

2)跳转无参

window.location.href='http://blog.yoodb.com';

第二种:返回上一次预览界面

  alert("返回");  window.history.back(-1);

HTML页面嵌套

返回上一步">返回上一步

第三种:button按钮添加事件跳转

第四种:在新窗口打开

新窗口

第五种:通过meta设置跳转页面

         

参考文章:

https://www.cnblogs.com/lyggqm/p/5688028.html

https://blog.csdn.net/afreon/article/details/119617930

https://blog.csdn.net/yiye2017zhangmu/article/details/82782374