JS 实现获取打开一个界面中输入的值

需求
在一个界面中打开另一个界面,通过JS获取在另一个界面中用户输入的值。
示例:
Index.html

代码如下:

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=gbk">

<title>主页</title>

<script type="text/javascript">

function EntryPoint() {

var style = 'dialogHeight:600px;dialogWidth:800px;status:no;help:0;scrool:yes';

var a = window.showModalDialog('other.html', '', style);

if (a == undefined) {

a = window.returnValue;

}

// debugger;

if (a != null && a.length > 0) {

document.getElementById("name").value = a[0];

document.getElementById("age").value = a[1];

}

}

</script>

</head>

<body>

<input type="button" value="调用" onclick="EntryPoint()"/><br/>

<input type="text" name="name" id="name" /><br/>

<input type="text" name="age" id="age" />

</body>

</html>

另一个界面:

other.html

代码如下:

<html>

<head>

<title>操作界面</title>

<meta http-equiv="content-type" content="text/html; charset=gbk">

<script type="text/javascript">

function postValue() {

var name = document.getElementById("name").value;

var age = document.getElementById("age").value;

var a = new Array();

a[0] = name;

a[1] = age;

//debugger;

if (window.opener != undefined) {

//for chrome

window.opener.returnValue = a;

}

else {

window.returnValue = a;

}

window.close();

}

</script>

</head>

<body>

<input type="button" value="确定" onclick="postValue();"/><br/>

名字:<input type="text" name="name" id="name" /><br/>

年龄:<input type="text" name="age" id="age" />

</body>

</html>

在该DEMO中遇到一个问题,那就是chrome中window.close()方法不起作用。最后通过,window.opener来解决chrome和IE的冲突。

时间: 2013-03-18

编写js扩展方法判断一个数组中是否包含某个元素

在C#语法中判断集合是否包含某个元素可以使用Contains方法,但是类似的问题在javascript中要怎么处理呢,js中没有Contains方法. 我们可以利用js的原型扩展来封装一个我们自己的Contains方法. js代码: 复制代码 代码如下: <script type="text/javascript"> $(function () { Array.prototype.contains = function (element) { //利用Array的原型pro

JS实现求出一个字符串中最多出现的字符和个数

alert('ababfcbabccacfdeeascefeff'.split('').sort().join('').match(/(.)\1+/g).sort(function(b, a){return a.length - b.length}).join('\n')); [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

jquery获取下拉框中的循环值

话不多说,请看代码: <select class="test" id="projectno" name="projectno"> <option value="">&nbsp请输入您的所在小区</option> <volist name="cell" id="vo"> <option value="{$vo['id'

使用js正则控制input标签只允许输入的值

style="ime-mode:Disabled" 这句是比较实用的.意为关闭输入法.省得有些人开着全角输入数字,结果输入不进去来找你哭天抹泪的,还怪你设计的不好. 只允许输入数字 复制代码 代码如下: <input name="username" type="text" onkeyup="value=this.value.replace(//D+/g,'')"> 只允许输入英文字母.数字和下划线(以下二种方法实现

php 删除一个数组中的某个值.兼容多维数组!

复制代码 代码如下: function array_remove_key($array, $keys) { $num = count($keys); $num_last = $num - 1; $this_array_0 = &$array; $last_key = $keys[$num_last]; for ($i = 0; $i < $num_last; $i++) { $this_key = $keys[$i]; $this_var_name = 'this_array_' . $i;

Js获取下拉框选定项的值和文本的实现代码

Js获取下拉框的值和文本网上提供了2种方法:但有些人很不负责任,他们根本没考虑到浏览器之间的差异导致的错误,导致很多新手琢磨了半天找不出错误! 下面我总结下Firefox和IE下获取下拉框选定项的值和文本: 1. IE和Firefox都支持的方法:获取文本 复制代码 代码如下: var obj=document.getElementById('select_template'); var text=obj.options[obj.selectedIndex].text;//获取文本 var ob

asp.net 获取Datalist中Checkbox的值的小结

前台的示例代码如下,用的是datalist控件,要显示的是Student表中的StudentID和姓名 复制代码 代码如下: <asp:DataList ID="dlTable" runat="server" > <ItemTemplate> <td align="center"> <asp:Label ID="lblID" runat="server" Text=

javascript 获取iframe里页面中元素值的方法

IE方法:document.frames['myFrame'].document.getElementById('test').value; 火狐方法:document.getElementById('myFrame').contentWindow.document.getElementById('test').value; IE.火狐方法: 复制代码 代码如下: function getValue(){ var tmp = ''; if(document.frames){ tmp += 'ie

js实现文本框中输入文字页面中div层同步获取文本框内容的方法

本文实例讲述了js实现文本框中输入文字页面中div层同步获取文本框内容的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o