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 数组的方法集合
Jun 05 Javascript
深入分析escape()、encodeURI()、encodeURIComponent()的区别及示例
Aug 04 Javascript
使用jQuery实现返回顶部
Jan 26 Javascript
jQuery替换textarea中换行的方法
Jun 10 Javascript
浅谈JavaScript的Polymer框架中的事件绑定
Jul 29 Javascript
jQuery+CSS实现一个侧滑导航菜单代码
May 09 Javascript
jquery获取复选框checkbox的值的简单实现方法
May 26 Javascript
你不需要jQuery(三) 新AJAX方法fetch()
Jun 14 Javascript
H5实现中奖记录逐行滚动切换效果
Mar 13 Javascript
详解webpack 热更新优化
Sep 13 Javascript
一文看懂如何简单实现节流函数和防抖函数
Sep 05 Javascript
kafka调试中遇到Connection to node -1 could not be established. Broker may not be available.
Sep 17 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 urlencode()与urldecode()函数字符编码原理详解
2011/12/06 PHP
深入PHP中的HashTable结构详解
2013/06/13 PHP
PHP时间和日期函数详解
2015/05/08 PHP
php验证手机号码
2015/11/11 PHP
Yii2框架redis基本应用示例
2018/07/13 PHP
解决FireFox下[使用event很麻烦]的问题
2006/11/26 Javascript
JavaScript中令你抓狂的魔术变量
2006/11/30 Javascript
js中字符替换函数String.replace()使用技巧
2011/08/14 Javascript
Prototype源码浅析 String部分(二)
2012/01/16 Javascript
jQuery解决下拉框select设宽度时IE 6/7/8下option超出显示不全
2013/05/27 Javascript
js实现跨域的4种实用方法原理分析
2015/10/29 Javascript
AngularJs验证重复密码的方法(两种)
2016/11/25 Javascript
AngularJS基于ngInfiniteScroll实现下拉滚动加载的方法
2016/12/14 Javascript
jQuery中DOM节点的删除方法总结(超全面)
2017/01/22 Javascript
VueCli3构建TS项目的方法步骤
2018/11/07 Javascript
vuex的module模块用法示例
2018/11/12 Javascript
微信小程序开发之点击按钮退出小程序的实现方法
2019/04/26 Javascript
swiper4实现移动端导航栏tab滑动切换
2020/10/16 Javascript
在Python的Flask框架中构建Web表单的教程
2016/06/04 Python
Python中异常重试的解决方案详解
2017/05/05 Python
使用python读取txt文件的内容,并删除重复的行数方法
2018/04/18 Python
深入浅析Python获取对象信息的函数type()、isinstance()、dir()
2018/09/17 Python
python将邻接矩阵输出成图的实现
2019/11/21 Python
python定间隔取点(np.linspace)的实现
2019/11/27 Python
解决python web项目意外关闭,但占用端口的问题
2019/12/17 Python
python两个_多个字典合并相加的实例代码
2019/12/26 Python
New Balance波兰官方商城:始于1906年,百年慢跑品牌
2017/08/15 全球购物
中文系师范生自荐信
2013/10/01 职场文书
自荐信的两点禁忌
2013/10/30 职场文书
汽车运用工程系毕业生自荐信
2013/12/27 职场文书
新闻发布会主持词
2014/03/28 职场文书
学校领导班子对照检查材料
2014/08/28 职场文书
汽车机电维修工求职信
2014/09/30 职场文书
个人党性分析总结
2015/03/05 职场文书
导游词之太行山青龙峡
2020/01/14 职场文书
MySQL慢查询的坑
2021/04/28 MySQL