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预览上传图片发现的问题的解决方法
Nov 25 Javascript
JavaScript中的ubound函数使用实例
Nov 04 Javascript
javascript函数式编程程序员的工具集
Oct 11 Javascript
详解javascript中的事件处理
Nov 06 Javascript
JS+HTML5手机开发之滚动和惯性缓动实现方法分析
Jun 12 Javascript
全面解析Javascript无限添加QQ好友原理
Jun 15 Javascript
html+js+highcharts绘制圆饼图表的简单实例
Aug 04 Javascript
jquery实现input框获取焦点的方法
Feb 06 Javascript
vue + vuex todolist的实现示例代码
Mar 09 Javascript
jQuery插件Validation表单验证详解
May 26 jQuery
vue 父组件通过$refs获取子组件的值和方法详解
Nov 07 Javascript
vue-列表下详情的展开与折叠案例
Jul 28 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 Ajax中文乱码问题解决方法
2009/02/27 PHP
CI框架中cookie的操作方法分析
2014/12/12 PHP
帝国cms目录结构分享
2015/07/06 PHP
php类常量用法实例分析
2015/07/09 PHP
php利用gd库为图片添加水印
2016/11/09 PHP
php + nginx项目中的权限详解
2017/05/23 PHP
JavaScript 加号(+)运算符号
2009/12/06 Javascript
Js Jquery创建一个弹出层可加载一个页面
2014/05/08 Javascript
jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)
2014/05/11 Javascript
JavaScript前补零操作实例
2015/03/11 Javascript
JS文字球状放大效果代码分享
2015/08/19 Javascript
JS实现可自定义大小,可双击关闭的弹出层效果
2015/10/16 Javascript
浅谈js常用内置方法和对象
2016/09/24 Javascript
利用jquery给指定的table动态添加一行、删除一行的方法
2016/10/12 Javascript
vue生成token保存在客户端localStorage中的方法
2017/10/25 Javascript
Vue.js单向绑定和双向绑定实例分析
2018/08/14 Javascript
微信小程序自定义导航栏
2018/12/31 Javascript
浅谈layui 表单元素的选中问题
2019/10/25 Javascript
ES5和ES6中类的区别总结
2020/12/21 Javascript
[03:40]DOTA2亚洲邀请赛小组赛第二日 赛事回顾
2015/01/31 DOTA
python 获取网页编码方式实现代码
2017/03/11 Python
python程序封装为win32服务的方法
2021/03/07 Python
python分批定量读取文件内容,输出到不同文件中的方法
2018/12/08 Python
Python 实现输入任意多个数,并计算其平均值的例子
2019/07/16 Python
Django中使用CORS实现跨域请求过程解析
2019/08/05 Python
Python3 requests文件下载 期间显示文件信息和下载进度代码实例
2019/08/16 Python
HTML5表格_动力节点Java学院整理
2017/07/11 HTML / CSS
简述数组与指针的区别
2014/01/02 面试题
医院辞职信范文
2014/01/17 职场文书
七一党建活动方案
2014/01/28 职场文书
2014春晚主持词
2014/03/25 职场文书
党员批评与自我批评(5篇)
2014/09/23 职场文书
广播体操比赛主持词
2015/06/29 职场文书
当你焦虑迷茫时,请读读这6句话
2019/07/24 职场文书
Mysql 用户权限管理实现
2021/05/25 MySQL
MySQL数据管理操作示例讲解
2022/12/24 MySQL