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 相关文章推荐
纯css+js写的一个简单的tab标签页带样式
Jan 28 Javascript
JavaScript对数组进行随机重排的方法
Jul 22 Javascript
Bootstrap基本组件学习笔记之按钮组(8)
Dec 07 Javascript
Bootstrap入门教程一Hello Bootstrap初识
Mar 02 Javascript
Vue.js实战之组件之间的数据传递
Apr 01 Javascript
了解重排与重绘
May 29 Javascript
微信小程序获取位置展示地图并标注信息的实例代码
Sep 01 Javascript
Vue3.0中的monorepo管理模式的实现
Oct 14 Javascript
vue把输入框的内容添加到页面的实例讲解
Nov 11 Javascript
JavaScript类的继承多种实现方法
May 30 Javascript
Vue项目配置跨域访问和代理proxy设置方式
Sep 08 Javascript
Vue实现导入Excel功能步骤详解
Jul 03 Vue.js
简明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中使用mktime获取时间戳的一个黑色幽默分析
2012/05/31 PHP
php常用Stream函数集介绍
2013/06/24 PHP
php判断手机访问还是电脑访问示例分享
2014/01/20 PHP
PHP面试常用算法(推荐)
2016/07/22 PHP
php表单文件iframe异步上传实例讲解
2017/07/26 PHP
tp5框架的增删改查操作示例
2019/10/31 PHP
PHP过滤器 filter_has_var() 函数用法实例分析
2020/04/23 PHP
Node.js实现Excel转JSON
2015/04/24 Javascript
jQuery动态星级评分效果实现方法
2015/08/06 Javascript
Easyui的组合框的取值与赋值
2016/10/28 Javascript
Bootstrap 模态对话框只加载一次 remote 数据的完美解决办法
2017/07/09 Javascript
浅谈vue.js中v-for循环渲染
2017/07/26 Javascript
详解webpack-dev-server使用方法
2018/09/14 Javascript
vue动态循环出的多个select出现过的变为disabled(实例代码)
2019/11/10 Javascript
JavaScript组合设计模式--改进引入案例分析
2020/05/23 Javascript
优化Python代码使其加快作用域内的查找
2015/03/30 Python
python 实现红包随机生成算法的简单实例
2017/01/04 Python
Python实现字符串与数组相互转换功能示例
2017/09/22 Python
python简单实例训练(21~30)
2017/11/15 Python
Python简单读写Xls格式文档的方法示例
2018/08/17 Python
Python对象中__del__方法起作用的条件详解
2018/11/01 Python
Python+OpenCV采集本地摄像头的视频
2019/04/25 Python
ipython和python区别详解
2019/06/26 Python
python 中值滤波,椒盐去噪,图片增强实例
2019/12/18 Python
opencv+python实现均值滤波
2020/02/19 Python
opencv python在视屏上截图功能的实现
2020/03/05 Python
浅谈在django中使用filter()(即对QuerySet操作)时踩的坑
2020/03/31 Python
python实现感知机模型的示例
2020/09/30 Python
Gibson London官网:以地道的英国男装而著称
2019/12/06 全球购物
澳大利亚有机化妆品网上商店:The Well Store
2020/02/20 全球购物
医学院护理专业应届生求职信
2013/11/12 职场文书
《小草和大树》教学反思
2014/02/16 职场文书
大学英语专业求职信
2014/06/21 职场文书
银行先进个人总结
2015/02/15 职场文书
优秀毕业生主要事迹材料
2015/11/04 职场文书
祝福语集锦:送给闺蜜的生日祝福语
2019/10/08 职场文书