HTML页面跳转及参数传递问题

这篇文章给大家详细介绍了html页面跳转及参数传递问题,希望能帮助到大家。

HTML页面跳转:

window.open(url, "", "width=600,height=400");

第二个参数:_self,在当前窗口打开窗口;_blank(默认值),在另外的新建窗口打开新窗口;

立即学习“前端免费学习笔记(深入)”;

window.location.href="http://www.jb51.net";     //在同当前窗口中打开窗口window.history.back(-1);    //返回上一页面 

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 16:54:46
下一篇 2025年12月21日 16:55:05

相关推荐

发表回复

登录后才能评论
关注微信