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 相关文章推荐
Add a Table to a Word Document
Jun 15 Javascript
纯JS实现五子棋游戏兼容各浏览器(附源码)
Apr 24 Javascript
纯javascript实现分页(两种方法)
Aug 26 Javascript
Bootstrap基本插件学习笔记之标签切换(17)
Dec 08 Javascript
Three.js基础部分学习
Jan 08 Javascript
微信小程序 登录实例详解
Jan 16 Javascript
JS Testing Properties 判断属性是否在对象里的方法
Oct 01 Javascript
angular4自定义表单控件[(ngModel)]的实现
Nov 23 Javascript
vue中typescript装饰器的使用方法超实用教程
Jun 17 Javascript
VUE:vuex 用户登录信息的数据写入与获取方式
Nov 11 Javascript
JavaScript实现拖拽效果
Mar 16 Javascript
用React Native制作一个简单的游戏引擎
May 27 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
typecho插件编写教程(五):核心代码
2015/05/28 PHP
php文件缓存方法总结
2016/03/16 PHP
php使用PDO下exec()函数查询执行后受影响行数的方法
2017/03/28 PHP
Jquery中增加参数与Json转换代码
2009/11/20 Javascript
javascript attachEvent绑定多个事件执行顺序问题
2010/10/20 Javascript
Jquery 的扩展方法总结
2011/10/01 Javascript
JS操作select下拉框动态变动(创建/删除/获取)
2013/06/02 Javascript
js中opener与parent的区别详细解析
2014/01/14 Javascript
js网页右下角提示框实例
2014/10/14 Javascript
最佳的JavaScript错误处理实践
2016/07/16 Javascript
jquery easyui validatebox remote的使用详解
2016/11/09 Javascript
JQuery和PHP结合实现动态进度条上传显示
2016/11/23 Javascript
Node.js websocket使用socket.io库实现实时聊天室
2017/02/20 Javascript
footer定位页面底部(代码分享)
2017/03/07 Javascript
JS去掉字符串前后空格、阻止表单提交的实现代码
2017/06/08 Javascript
JavaScript门面模式详解
2017/10/19 Javascript
记录vue做微信自定义分享的一些问题
2019/09/12 Javascript
解决vue项目F5刷新mounted里的函数不执行问题
2019/11/05 Javascript
[01:45]亚洲邀请赛互动指南虚拟物品介绍
2015/01/30 DOTA
[02:12]探秘2016国际邀请赛中国区预选赛选手房间
2016/06/25 DOTA
Python进阶_关于命名空间与作用域(详解)
2017/05/29 Python
python 字符串的驻留机制及优缺点
2020/06/19 Python
美国第一个网上卖鞋零售商:OnlineShoes.com
2017/09/24 全球购物
印尼购物网站:iLOTTE
2019/10/16 全球购物
PHP笔试题
2012/02/22 面试题
十一个高级MySql面试题
2014/10/06 面试题
实习鉴定范文
2013/12/19 职场文书
环境整治工作方案
2014/05/18 职场文书
小学毕业典礼演讲稿
2014/09/09 职场文书
党的群众路线专项整治方案
2014/11/03 职场文书
重阳节座谈会主持词
2015/07/03 职场文书
环保建议书范文
2015/09/14 职场文书
污染环境建议书
2015/09/14 职场文书
九年级语文教学反思
2016/03/03 职场文书
Java实现斗地主之洗牌发牌
2021/06/14 Java/Android
Java图书管理系统,课程设计必用(源码+文档)
2021/06/30 Java/Android