一个从另一个打开页面返回值的javascript例子

最新推荐文章于 2023-04-14 09:40:24 发布

最新推荐文章于 2023-04-14 09:40:24 发布 · 279 阅读

文章标签：

#JavaScript #HTML #ViewUI

java 专栏收录该内容

32 篇文章

订阅专栏

本文提供了一个使用JavaScript实现跨窗口传值的简单示例，包括两个HTML页面：一个用于打开新窗口，另一个用于选择并返回值。

今天写项目的时候用到了需要从另一个打开页面取值的javascript，觉得很有用，就把它简化成了一个简单的例子贴出来，有小区的可以看看，有谁有更好的给小弟仍一个。
用两个页面进行测试：
1，访问页面：a.html：

<html>
<head>
</head>
<body>
<input type="text" name="name" id="name" >
<input type="button" value="选择用户"
  onclick="window.open('b.html','selectname',800,600,1);">
</body>
</html>
2，新打开的选择页面b.html
<html>
<head>
<script type="text/javascript">
function selectOrg(name){
if(window.opener){
  window.opener.document.all.name.value =name;
  window.close();
}
}
</script>
</head>
<body>
<input type="radio" name="name" onclick="selectOrg('李四')">李四
<input type="radio" name="name" onclick="selectOrg('张三')">张三
<input type="radio" name="name" onclick="selectOrg('王五')">王五
</body>
</html>

试一下吧！