要实现从一个页面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