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 相关文章推荐
json格式化/压缩工具 Chrome插件扩展版
May 25 Javascript
一些常用的JavaScript函数(json)附详细说明
May 25 Javascript
jquery实现鼠标滑过显示提示框的方法
Feb 05 Javascript
浅谈关于JavaScript API设计的一些建议和准则
Jun 24 Javascript
jquery if条件语句的写法
May 19 Javascript
javascript如何创建对象
Aug 29 Javascript
基于angularJS的表单验证指令介绍
Oct 21 Javascript
vue.js框架实现表单排序和分页效果
Aug 09 Javascript
vue  自定义组件实现通讯录功能
Sep 30 Javascript
创建Vue项目以及引入Iview的方法示例
Dec 03 Javascript
QML实现圆环颜色选择器
Sep 25 Javascript
NUXT SSR初级入门笔记(小结)
Dec 16 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 Session变量不能传送到下一页的解决方法
2009/11/27 PHP
php.ini中date.timezone设置分析
2011/07/29 PHP
通过PHP的内置函数,通过DES算法对数据加密和解密
2012/06/21 PHP
php读取mysql的简单实例
2014/01/15 PHP
Node.js入门教程:在windows和Linux上安装配置Node.js图文教程
2014/08/14 Javascript
JS实现表单中checkbox对勾选中增加边框显示效果
2015/08/21 Javascript
JavaScript+html5 canvas绘制缤纷多彩的三角形效果完整实例
2016/01/26 Javascript
Ajax分页插件Pagination从前台jQuery到后端java总结
2016/07/22 Javascript
用Webpack构建Vue项目的实践
2017/11/07 Javascript
解决vue-cli单页面手机应用input点击手机端虚拟键盘弹出盖住input问题
2018/08/25 Javascript
微信小程序发布新版本时自动提示用户更新的方法
2019/06/07 Javascript
vue.js实现回到顶部动画效果
2019/07/31 Javascript
js实现上传按钮并显示缩略图小轮子
2020/05/04 Javascript
vuex实现购物车功能
2020/06/28 Javascript
Python中random模块生成随机数详解
2016/03/10 Python
Python的CGIHTTPServer交互实现详解
2018/02/08 Python
TensorFlow数据输入的方法示例
2018/06/19 Python
Python Pandas批量读取csv文件到dataframe的方法
2018/10/08 Python
Python操作MongoDb数据库流程详解
2020/03/05 Python
Python 利用OpenCV给照片换底色的示例代码
2020/08/03 Python
Python中logging日志记录到文件及自动分割的操作代码
2020/08/05 Python
HTML5学习笔记之html5与传统html区别
2016/01/06 HTML / CSS
英国最专业的健身器材供应商之一:Best Gym Equipment
2017/12/22 全球购物
世界领先的艺术图书出版社:TASCHEN
2018/07/23 全球购物
印尼第一大家居、生活和家具电子商务:Ruparupa
2019/11/25 全球购物
荷叶圆圆教学反思
2014/02/01 职场文书
生物科学专业职业规划书范文
2014/02/11 职场文书
热爱祖国演讲稿
2014/05/04 职场文书
2014优秀大学生简历自我评价
2014/09/15 职场文书
12.4全国法制宣传日活动总结
2014/11/01 职场文书
护理专业自我评价
2015/03/11 职场文书
《游戏公平》教学反思
2016/02/20 职场文书
最新农村养殖致富:资金投入较低的创业项目有哪些?
2019/09/26 职场文书
如何利用js在两个html窗口间通信
2021/04/27 Javascript
Python关于OS文件目录处理的实例分享
2021/05/23 Python
python实现会员管理系统
2022/03/18 Python