javascript不同页面传值的改进版
更新时间：2008年09月30日 00:06:47 作者：
改进点：支持同页面有多个文本框，可自动向不同的文本框传值。先看演示吧
其实原理也很简单。同样先通过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>
复制代码 代码如下:
<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提供了一个RegExp对象来完成有关正则表达式的操作和功能，每一条正则表达式模式对应一个RegExp实例2012-11-11
这篇文章主要是对javascript中数字格式化输出的实现代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
本文给大家分享的是一则翻译过来的，由国外友人写的如何简单有效的实现javascript MVC样式框架，算是一个MVC的入门教程，希望大家能够喜欢。2015-03-03
JS中的算法与数据结构之二叉查找树（Binary Sort Tree）实例详解
这篇文章主要介绍了JS中的算法与数据结构之二叉查找树（Binary Sort Tree）,结合实例形式详细分析了二叉查找树（Binary Sort Tree）的原理、定义、遍历、查找、插入、删除等常见操作技巧,需要的朋友可以参考下2019-08-08
这篇文章主要介绍了js判断非127开头的IP地址,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2020-01-01
怎样调用动态获取的自定义对象的方法...2006-10-10
本文主要介绍了js鼠标移动时禁止选中文字的方法，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
工作中比较实用的JavaScript验证和数据处理的干货(经典)
工作中比较实用的JavaScript验证和数据处理知识经常会用到，下面小编通过查阅相关资料及日常记录的知识分享到脚本之家平台，供大家参考2016-08-08
这篇文章主要介绍了微信小程序本地存储增加有效期的方法,这里通过一个简单示例,展示如何设置有效期为1小时的本地存储,首先将storage.js引入到app.js中,本文通过实例代码给大家介绍的非常详细,需要的朋友可以参考下2024-07-07
javascript window.confirm确认 取消对话框实现代码小结
本文章讲述的三种都是基于了javascript confirm提示确认框的做法了，只是在不同的地方写哦，有需要的同学可参考一下2012-10-10
最新评论