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 相关文章推荐
JScript中的undefined和&quot;undefined&quot;的区别
Mar 08 Javascript
JQuery live函数
Dec 24 Javascript
jQuery动态修改超链接地址的方法
Feb 13 Javascript
jQuery实现类似老虎机滚动抽奖效果
Aug 06 Javascript
text-align:justify实现文本两端对齐 兼容IE
Aug 19 Javascript
jquery彩色投票进度条简单实例演示
Jul 23 Javascript
vue实现全选和反选功能
Aug 31 Javascript
浅谈Vuex@2.3.0 中的 state 支持函数申明
Nov 22 Javascript
详解vue中组件参数
Jul 09 Javascript
详解Angular6 热加载配置方案
Aug 18 Javascript
使用JavaScript保存文本文件到本地的两种方法
Jan 22 Javascript
使用js和canvas实现时钟效果
Sep 08 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_MySQL教程-第一天
2007/03/18 PHP
php下通过伪造http头破解防盗链的代码
2010/07/03 PHP
PHP实现数字补零功能的2个函数介绍
2014/05/12 PHP
ThinkPHP中的常用查询语言汇总
2014/08/22 PHP
关于Laravel参数验证的一些疑与惑
2019/11/19 PHP
纯JS实现五子棋游戏兼容各浏览器(附源码)
2013/04/24 Javascript
javascript阻止scroll事件多次执行的思路及实现
2013/11/08 Javascript
jquery实现点击消失的代码
2014/03/03 Javascript
javascript跨域的4种方法和原理详解
2014/04/08 Javascript
javascript学习笔记(五)原型和原型链详解
2014/10/08 Javascript
jQuery中的pushStack实现原理和应用实例
2015/02/03 Javascript
JavaScript实现鼠标滑过图片变换效果的方法
2015/04/16 Javascript
纯javascript响应式树形菜单效果
2015/11/10 Javascript
使用jQuery或者原生js实现鼠标滚动加载页面新数据
2016/03/06 Javascript
浅析JS操作DOM的一些常用方法
2016/05/13 Javascript
JavaScript跨域调用基于JSON的RESTful API
2016/07/09 Javascript
详解百度百科目录导航树小插件
2017/01/08 Javascript
浅谈JS 数字和字符串之间相互转化的纠纷
2017/10/20 Javascript
webpack配置打包后图片路径出错的解决
2018/04/26 Javascript
Vue不能观察到数组length的变化
2018/06/08 Javascript
微信小程序使用wxParse解析html的方法教程
2018/07/06 Javascript
Vue项目pdf(base64)转图片遇到的问题及解决方法
2018/10/19 Javascript
node中IO以及定时器优先级详解
2019/05/10 Javascript
vue中使用v-for时为什么不能用index作为key
2020/04/04 Javascript
如何在postman中添加cookie信息步骤解析
2020/06/30 Javascript
[01:14]TI珍贵瞬间系列(六):冠军
2020/08/30 DOTA
Python实现读取json文件到excel表
2017/11/18 Python
OpenCV图像颜色反转算法详解
2019/05/13 Python
Python 基于FIR实现Hilbert滤波器求信号包络详解
2020/02/26 Python
详解基于Scrapy的IP代理池搭建
2020/09/29 Python
Python collections模块的使用方法
2020/10/09 Python
英国内衣连锁店:Boux Avenue
2018/01/24 全球购物
AutoShack.com加拿大:北美主要的汽车零部件零售商
2019/07/24 全球购物
优秀护士获奖感言
2014/02/20 职场文书
刑事和解协议书范本
2014/11/19 职场文书
如何写新闻稿
2015/07/18 职场文书