网页间的传值有三种方法:
1、通过地址栏;
2、通过cookie;
3、直接调用处理,即通过window.opener获取具体的参数,这种方法比较灵活。
父页面:
网页间的参数传递[父网页]
function test1(){
window.open('child.html','popup',200,300)
}
function test2(){
SetCookie('参数1',document.all.参数1.value,123);
SetCookie('参数2',document.all.参数2.value,123);
window.open('child.html','popup',200,300)
}
function SetCookie(Para,Value,Expiredays){
var Exdate=new Date()
Exdate.setDate(Exdate.getDate()+Expiredays)
document.cookie=Para+ "=" +escape(Value)+((Expiredays==null) ? "" : ";expires="+Exdate.toGMTString())
}
function test3(){
var Url=\'#\'" /> Url+="&参数2="+escape(document.all.参数2.value)
window.open(Url,'popup',200,300)
}
参数1:
参数2:
子页面:
网页间的传值[子网页]
function ViewInfo1() {
var ParentW = window.opener;
info="参数1:"+ParentW.document.all.参数1.value;
info+=" 参数2:"+ParentW.document.all.参数2.value;
ParentW.document.getElementById('参数1').style.backgroundColor = "red";//更改背景色
alert(info);
}
function GetCookie(Para){
if (document.cookie.length>0){
c_start=document.cookie.indexOf(Para + "=");
if (c_start!=-1){
c_start=c_start + Para.length+1 ;
c_end=document.cookie.indexOf(";",c_start);
if (c_end==-1) c_end=document.cookie.length;
return unescape(document.cookie.substring(c_start,c_end));
}
}
}
function ViewInfo2(){
var Para1=GetCookie('参数1');
var Para2=GetCookie('参数2');
var info="参数1:"+Para1+" 参数2:"+Para2;
alert(info);
}
function ViewInfo3(){
var Url=location.search;
var ParaName=new Array();
var ParaValue=new Array();
var info='';
if(Url.indexOf("?")!=-1){
var S1 = Url.substr(1);
var SSS = S1.split("&");
for(var i=0;i
关注
打赏
最近更新
- 深拷贝和浅拷贝的区别(重点)
- 【Vue】走进Vue框架世界
- 【云服务器】项目部署—搭建网站—vue电商后台管理系统
- 【React介绍】 一文带你深入React
- 【React】React组件实例的三大属性之state,props,refs(你学废了吗)
- 【脚手架VueCLI】从零开始,创建一个VUE项目
- 【React】深入理解React组件生命周期----图文详解(含代码)
- 【React】DOM的Diffing算法是什么?以及DOM中key的作用----经典面试题
- 【React】1_使用React脚手架创建项目步骤--------详解(含项目结构说明)
- 【React】2_如何使用react脚手架写一个简单的页面?
立即登录/注册


微信扫码登录