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程序设计有所帮助。