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 相关文章推荐
让JavaScript拥有类似Lambda表达式编程能力的方法
Sep 12 Javascript
分享8款优秀的 jQuery 加载动画和进度条插件
Oct 24 Javascript
检查输入的是否是数字使用keyCode配合onkeypress事件
Jan 23 Javascript
jquery无法设置checkbox选中即没有变成选中状态
Mar 27 Javascript
jQuery实现的倒计时效果实例小结
Apr 16 Javascript
jQuery+ThinkPHP+Ajax实现即时消息提醒功能实例代码
Mar 21 jQuery
jQuery模仿ToDoList实现简单的待办事项列表
Dec 30 jQuery
Javascript组合继承方法代码实例解析
Apr 02 Javascript
全面解析JavaScript Module模式
Jul 24 Javascript
JS中队列和双端队列实现及应用详解
Sep 29 Javascript
JavaScript本地储存:localStorage、sessionStorage、cookie的使用
Oct 13 Javascript
js实现自定义滚动条的示例
Oct 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
让PHP支持页面回退的两种方法[转]
2007/02/14 PHP
Discuz 6.0+ 批量注册用户名
2009/09/13 PHP
php下载excel无法打开的解决方法
2013/12/24 PHP
ThinkPHP使用PHPExcel实现Excel数据导入导出完整实例
2014/07/22 PHP
PHP goto语句用法实例
2019/08/06 PHP
JavaScript 对话框和状态栏使用说明
2009/10/25 Javascript
关于在IE下的一个安全BUG --可用于跟踪用户的系统鼠标位置
2013/04/17 Javascript
JS去掉第一个字符和最后一个字符的实现代码
2014/02/20 Javascript
动态显示可输入的字数提示还可以输入的字数
2014/04/01 Javascript
jquery 设置style:display的方法
2015/01/29 Javascript
jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码
2016/02/25 Javascript
jquery对Json的各种遍历方法总结(必看篇)
2016/09/29 Javascript
什么是Vue.js框架 为什么选择它?
2017/10/17 Javascript
12条写出高质量JS代码的方法
2018/01/07 Javascript
使用vux实现上拉刷新功能遇到的坑
2018/02/08 Javascript
微信小程序登录换取token的教程
2018/05/31 Javascript
layui富文本编辑器前端无法取值的解决方法
2019/09/18 Javascript
解决在Vue中使用axios POST请求变成OPTIONS的问题
2020/08/14 Javascript
[07:43]《辉夜杯》公开赛晋级外卡赛战队—TRG训练生活探秘
2015/12/11 DOTA
Python中绑定与未绑定的类方法用法分析
2016/04/29 Python
python中实现迭代器(iterator)的方法示例
2017/01/19 Python
利用Python爬虫给孩子起个好名字
2017/02/14 Python
python 类对象和实例对象动态添加方法(分享)
2017/12/31 Python
python 检查文件mime类型的方法
2018/12/08 Python
Python如何爬取微信公众号文章和评论(基于 Fiddler 抓包分析)
2019/06/28 Python
Python3的高阶函数map,reduce,filter的示例详解
2019/07/23 Python
python 求定积分和不定积分示例
2019/11/20 Python
python实现银行实战系统
2020/02/26 Python
使用Keras实现Tensor的相乘和相加代码
2020/06/18 Python
python爬虫请求头的使用
2020/12/01 Python
英语演讲稿范文
2014/01/03 职场文书
省级优秀班集体申报材料
2014/05/25 职场文书
求职信怎么写范文
2014/05/26 职场文书
2015年仓管员工作总结
2015/04/21 职场文书
总结Python连接CS2000的详细步骤
2021/06/23 Python
全面盘点MySQL中的那些重要日志文件
2021/11/27 MySQL