宝哥软件园

javascript浏览器窗口之间传递数据的方法

编辑:宝哥软件园 来源:互联网 时间:2021-10-14

本文实例讲述了爪哇岛描述语言浏览器窗口之间传递数据的方法。分享给大家供大家参考。具体分析如下:

摘要:

在项目开发中我们经常会遇到弹窗,有的是通过差异模拟弹窗效果,有的是通过iframe,也有通过窗户自带的打开函数打开一个新的窗口。今天给大家分享的是最后一种通过window.open()函数打开页面进行数据交互。首先看下效果图:

原理:

父窗口给子窗口传递数据是通过全球资源定位器(统一资源定位符)的参数传递过去,子窗口给父窗口传递数据是通过父窗口的全局函数传递。

代码:index.html如下:

复制代码代码如下:DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title document/title/head body div id=' content '/div button id=' test '按钮/按钮脚本var测试=文档。getelementbyid(' test ');测试。onclick=function(){ window。打开(' ./window.html?param1=nameparam2=password ',' _blank ',' width=960,height=650,menubar=no,toolbar=no,location=no,directories=no,status=no,scrollbars=yes,resizable=yes ');};窗户。get content=function(tx){ document。getelementbyid(' content ').innerText=tx}/脚本/正文/html

window.html如下:

复制代码代码如下:DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title document/title/head dy div id=' content '/div select name=' id=' city '选项值='上海'上海/option选项值='杭州'杭州/option/选择脚本var params=location。href。子字符串(位置。href。的最后一个索引('?') 1).拆分("");文件。getelementbyid(' content ').inner text=params var city=document。getelementbyid(' city ');城市。onchange=function(){ window。开瓶器。getcontent(城市。值);}/脚本/正文/html

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

希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。

更多资讯
游戏推荐
更多+