父页面与子页面之间有多种传值的方式:
第一种,通过window.open的方法打开一个新的页面,在新的页面里面通过window.opener来获取对象,以下为实例
父页面:
function opennewwindow() { window.open(URL); //字符串形式的URL }
子页面:
function getfatherdom() { var value=window.opener.document.getElementById(id).value; }
第二种,嵌套的形式,即子页面存放于<iframe></iframe>标签中,父页面只需要在iframe的src属性放入目标子页面的路径即可,子页面通过window.parent来获取父页面dom元素
父页面:
<iframe id="myiframe" src="URL"></iframe>
子页面:
function getfatherdom() { var value=window.parent.document.getElementById(id).value; }
第三种,通过拼接URL的方法
父页面:
URL?para1=data1¶2=data2 //参数使用&分割
子页面:
var Request = new Object();Request = GetRequest();var data1=Request[‘para1‘];var data2=Request[‘para2‘];
var url = window.location.search; //获取url中"?"符后的字串(包括“?”),window.location.href获取URL字符串,也包括“?”之后的 var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1); strs = str.split("&"); for(var i = 0; i < strs.length; i ++) { theRequest[strs[i].split("=")[0]]=(strs[i].split("=")[1]); } } return theRequest;
时间: 2024-10-10 07:41:20