这篇文章给大家详细介绍了html页面跳转及参数传递问题,希望能帮助到大家。
HTML页面跳转:
window.open(url, "", "width=600,height=400");
第二个参数:_self,在当前窗口打开窗口;_blank(默认值),在另外的新建窗口打开新窗口;
立即学习“前端免费学习笔记(深入)”;
HTML参数传递:
1. url传参:
第一个页面(a.html):
var obj = a.value; //传给弹出页面参数var url = 'jxb.html?obj='+obj;url = encodeURI(url);window.open(url, "", "width=600,height=400");
第二个页面(b.html):
var url = decodeURI(window.location.href);var argsIndex = url .split("?obj=");var arg = argsIndex[1];
注:中文传输:可以在页面a用encodeURI 编码url 在b页面用decodeURI解码url
2. cookie传参:
function setCookie(cname,cvalue){ document.cookie = cname + "=" + cvalue;}function getCookie(cname){ var name = cname + "="; var ca = document.cookie;}
3. localStorage对象传参:
a.html:
var p = doucment.getElementById('要获取字符串的p ID名');localStorage.string = p.textContent;
b.html:
var p = doucment.getElementById('要写入的p ID名');p.textContent = localStorage.string;
4. window.opener()
父页面:
window.open("子页面.html");
子页面:
window.opener.document.getElementByIdx('textfield').value='123123123';
总结
以上内容就是HTML页面跳转及参数传递问题,希望能帮助到大家。
相关推荐:
Javascript页面跳转间的常用方法有哪些
Web页面跳转并取值的方法指导
关于html页面跳转的7篇文章推荐
以上就是HTML页面跳转及参数传递问题的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1545337.html
微信扫一扫
支付宝扫一扫