本文介绍如何设计一个网页，当用户在全屏窗口中输入信息并点击按钮后，信息能够被传递回主网页。通过使用`window.open`函数创建子窗口，并在子窗口中设置事件处理函数来获取用户输入并更新主网页。
1 设计一个网页，使得打开它时弹出一个全屏的窗口，该窗口中有一个文本框和一个按钮。用户在文本框中输入信息后点击按钮就可以把窗口关闭，而输入的信息却在主网页中显示
a.php
<html>
<script>
window.open("b.php",'erp',"toolbar=no,location=no,status=no,scrollbars=no,menubar=no,channelmode");
</script>
<body>
<input type="text" id="text1" />
</body>
</html>
b.php
<html>
<script>
function cl() {
var v = document.getElementById("testText").value;
window.opener.document.getElementById("text1").value = v;
window.close();
}
</script>
<body>
<input type="text" name="text" id="testText">
<input type="button" onclick="cl();" value="submit"/>
</body>
</html>
window.open 参见 http://bocolijun.iteye.com/blog/211380
关于子父窗口的操作参见 http://www.book18.net/book/427.html
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
