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

时间：2021-05-26

需求
在一个界面中打开另一个界面，通过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的冲突。

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章