Javascript浏览器窗口之间的数据传输方法

本文介绍了javascript浏览器窗口之间数据传输的方法,供大家参考,具体分析如下:

摘要:

在项目开发中,我们经常会遇到一些窗口,并由DIV,和一些由窗口iframe和开放功能打开。今天你分享什么是最后一个打开的页面通过window.open()的数据交互功能。先看看效果图:



原理:

父窗口通过url的参数将数据传输到子窗口,子窗口通过父窗口的全局函数将数据传递给父窗口。

代码uff1a

文件如下:

复制代码代码如下所示:







文件







按钮



VaR测试= document.getelementbyid(测试);

test.onclick =函数(){

Window.open('。 /窗口。htmlparam1 = nameparam2 =密码,'_blank ','width = 960,高度= 650,=没有菜单栏,工具栏=不,位置=不,目录=不,地位=不,滚动条滚动条= =是的,是的)。

};

window.getcontent =功能(TX){

document.getelementbyid('content')。InnerText = TX;

}







window.html如下:

复制代码代码如下所示:







文件









上海

杭州





var参数= location.href.substring(location.href.lastindexof(' ')+ 1)。Split(' ');

document.getelementbyid('content')。InnerText =参数;

VaR的城市document.getelementbyid('城市');

city.onchange =函数(){

window.opener.getcontent(市。值);

}







注意:这里需要运行一个服务环境

希望本文能对大家的javascript程序设计有所帮助。