本文介绍了一个使用纯JavaScript实现的简单弹窗示例。通过点击按钮可以触发弹窗显示，并且可以通过点击弹窗外部来关闭它。弹窗内部包含一个按钮，点击该按钮会触发父窗口的一个函数并弹出提示框。
<html>
<head>
<script type="text/javascript">
function show_popup()
{
var p=window.createPopup()
var pbody=p.document.body
pbody.style.backgroundColor="lime"
pbody.style.border="solid black 1px"
pbody.innerHTML="This is a pop-up! Click outside to close.<br /> <input type='button' value='click' onclick='window.parent.test()'/>"
p.show(250,250,400,70,document.body)
}
function test()
{
alert('这个是父窗体中的方法！');
}
</script>
</head>
<body>
<button onclick="show_popup()">Create pop-up!</button>
</body>
</html>
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
