javascript不同页面传值的改进版


Posted in Javascript onSeptember 30, 2008

其实原理也很简单。同样先通过getAttribute判断type属性,捕捉到按钮。然后在按钮onclick时把i通过url传入子页面。

<h2>input1</h2> 
<input type="text" /><input type="submit" /> 
<h2>input2</h2> 
<input type="text" /><input type="submit" /> <script type="text/javascript"><!-- 
var aInput = document.getElementsByTagName("input"); 
for (i = 0 ; i < aInput.length ; i++ ) 
{ 
( 
function (i){ 
if (aInput[i].getAttribute("type") == "submit") 
{ 
aInput[i].onclick = function (){ 
window.open('b.html?'+i,'newwindow','height=100,width=400') 
} 
} 
} 
)(i) 
} 
// --></script>

子页面用slice方法对url进行切分。并使用window.opener方法捕捉到父页面的文本框,进行赋值。 一切就OK了
<h2>openWindow</h2> 
<input type="text" /><input type="submit" /> <script type="text/javascript"><!-- 
var aInput = document.getElementsByTagName("input"); 
for (i = 0 ; i < aInput.length ; i++ ) 
{ 
if (aInput[i].getAttribute("type") == "text") var textboxB = new Object(aInput[i]); 
if (aInput[i].getAttribute("type") == "submit") var btnB = new Object(aInput[i]); 
} 
btnB.onclick = function(){ 
var sTextValue = textboxB.value 
var aInput = window.opener.document.getElementsByTagName("input"); 
var sUrl = document.location; 
var sNo = sUrl.toString().slice(-1) 
window.opener.aInput[sNo-"1"].value = sTextValue 
window.close(); 
} 
// --></script>

还没明白的朋友看一下原理图就知道了
javascript不同页面传值的改进版

Javascript 相关文章推荐
深入理解JS中的变量及作用域、undefined与null
Mar 04 Javascript
元素绑定click点击事件方法
Jun 08 Javascript
iframe跨域通信封装详解
Aug 11 Javascript
jquery及js实现动态加载js文件的方法
Jan 21 Javascript
Ajax的概述与实现过程
Nov 18 Javascript
jQuery加载及解析XML文件的方法实例分析
Jan 22 Javascript
基于twbsPagination.js分页插件使用心得(分享)
Oct 21 Javascript
vue使用vue-i18n实现国际化的实现代码
Apr 08 Javascript
Vue.js下拉菜单组件使用方法详解
Oct 19 Javascript
jQuery实现图片随机切换、抽奖功能(实例代码)
Oct 23 jQuery
微信小程序scroll-view的滚动条设置实现
Mar 02 Javascript
Vue的data、computed、watch源码浅谈
Apr 04 Javascript
简明json介绍
Sep 28 #Javascript
正则表达式判断是否存在中文和全角字符和判断包含中文字符串长度
Sep 27 #Javascript
Javascript操作select方法大全[新增、修改、删除、选中、清空、判断存在等]
Sep 26 #Javascript
验证用户是否修改过页面的数据的实现方法
Sep 26 #Javascript
不用AJAX和IFRAME,说说真正意义上的ASP+JS无刷新技术
Sep 25 #Javascript
js每次Title显示不同的名言
Sep 25 #Javascript
Js动态创建div
Sep 25 #Javascript
You might like
DSP接收机前端设想
2021/03/02 无线电
php中session过期时间设置及session回收机制介绍
2014/05/05 PHP
jquery实现盒子下拉效果示例代码
2013/09/12 Javascript
Extjs表单常见验证小结
2014/03/07 Javascript
了不起的node.js读书笔记之mongodb数据库交互
2014/12/22 Javascript
jQuery Validate插件实现表单强大的验证功能
2015/12/18 Javascript
修复jQuery tablesorter无法正确排序的bug(加千分位数字后)
2016/03/30 Javascript
轻松掌握jQuery中wrap()与unwrap()函数的用法
2016/05/24 Javascript
学习JavaScript图片预加载模块
2016/11/07 Javascript
vue 怎么创建组件及组件使用方法
2017/07/27 Javascript
vue观察模式浅析
2018/09/25 Javascript
Angularjs实现数组随机排序的方法
2018/10/02 Javascript
搭建基于express框架运行环境的方法步骤
2018/11/15 Javascript
JavaScript如何把两个数组对象合并过程解析
2019/10/10 Javascript
vue实现在线预览pdf文件和下载(pdf.js)
2019/11/26 Javascript
Python使用matplotlib实现在坐标系中画一个矩形的方法
2015/05/20 Python
Python安装官方whl包和tar.gz包的方法(推荐)
2017/06/04 Python
python输出电脑上所有的串口名的方法
2019/07/02 Python
完美解决TensorFlow和Keras大数据量内存溢出的问题
2020/07/03 Python
python转化excel数字日期为标准日期操作
2020/07/14 Python
python 进制转换 int、bin、oct、hex的原理
2021/01/13 Python
利用Python函数实现一个万历表完整示例
2021/01/23 Python
python脚本使用阿里云slb对恶意攻击进行封堵的实现
2021/02/04 Python
a标签下载链接的简单实现
2016/09/13 HTML / CSS
Blue Nile台湾:钻石珠宝商,订婚首饰、结婚戒指和精品首饰
2017/11/24 全球购物
园林毕业生自我鉴定范文
2013/12/29 职场文书
承认错误的检讨书
2014/01/30 职场文书
中华魂演讲稿
2014/05/13 职场文书
新闻发布会策划方案
2014/06/12 职场文书
中职生自荐信范文
2014/06/15 职场文书
2014初中数学教研组工作总结
2014/12/19 职场文书
刑事附带民事代理词
2015/05/25 职场文书
MySQL通过binlog恢复数据
2021/05/27 MySQL
Pycharm连接远程服务器并远程调试的全过程
2021/06/24 Python
javascript对象3个属性特征
2021/11/17 Javascript
python如何将mat文件转为png
2022/07/15 Python