这篇文章给大家详细介绍了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：
永利在线企业网站管理系统(CMS)1.0 Build 20100612
下载
修正说明：1，实现真正的软件开源。2，安装界面的美化3，真正实现栏目的递归无限极分类。4，后台添加幻灯片图片的管理，包括添加，修改，删除等。5，修正添加新闻的报错信息6，修正网站参数的logo上传问题7，修正产品图片的栏目无限极分类8，修正投票系统的只能单选问题9，添加生成静态页功能10，添加缓存功能特点和优势1. 基于B/S架构，通过本地电脑、局域网、互联网皆可使用，使得企业的管理与业务不受地域
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页面跳转及参数传递问题，希望能帮助到大家。
相关推荐：
