HTML页面跳转及参数传递问题
建站知识 2021-07-02 22:42www.168986.cn长沙网站建设
HTML页面跳转
window.open(url, "", "width=600,height=400");
第二个参数_self,在当前窗口打开窗口;_blank(默认值),在的新建窗口打开新窗口;
window.location.href="https://.jb51."; //在同当前窗口中打开窗口 window.history.back(-1); //返回上一页面 <a href="http://.baidu." target="_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(ame,cvalue){ document.cookie = ame + "=" + cvalue; } function getCookie(ame){ var name = ame + "="; var ca = document.cookie; }
3. localStorage对象传参
a.html
var div = doucment.getElementById('要获取字符串的DIV ID名'); localStorage.string = div.textContent;
b.html
var div = doucment.getElementById('要写入的DIV ID名'); div.textContent = localStorage.string;
4. window.opener()
父页面
<input type="text" name="textfield" id="textfield"/>
window.open("子页面.html");
子页面
window.opener.document.getElementByIdx('textfield').value='123123123';
以上所述是长沙网络推广给大家介绍的HTML页面跳转及传递参数问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,长沙网络推广会及时回复大家的。在此也非常感谢大家对狼蚁SEO网站的支持!
上一篇:html中meta标签及用法详解
下一篇:html页面中完成查找功能
长沙网站设计
- 如何自己建一个网站 自己想建个网站,怎么建
- 如何制作网站免费建站 创建网站免费注册
- html简单网页代码 html简单网页代码超链接
- dreamweaver网页制作 dreamweaver网页制作模板
- 上海网站建设 上海网站建设制作微信
- 如何制作网站和网页 如何制作一个网页
- html网页制作代码大全 端午节html网页制作代码大
- app开发公司 app开发公司前十名
- html网页制作 html网页制作文字居中
- app制作一个需要多少钱 请人制作一个app多少钱
- 成都网站制作 成都网站制作维护
- 百度建一个网站多少钱 百度做个公司网站要多少
- html+css网页制作成品 web网页制作成品css+javascrip
- html网页制作案例 html网页设计案例
- html+css网页制作成品 web网页制作成品css+javascrip
- 个人网站模板 个人网站模板HTML