HTML中创建弹窗-优快云博客

本文链接：https://blog.youkuaiyun.com/u014000832/article/details/23040685

在html中通过点击button生成一个大的弹出窗口：

先看效果：

直接上代码和注释：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>产生弹出窗口</title>
<script type="text/javascript">

	function tanchu() {
 window.open ("damageReport.jsp", "newwindow", "height=200, width=530, top=200, left=450, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no");
}
</script>
</head>
<body ><!--此处可添加事件 οnlοad="tanchun()" 使其在进入此网页时弹出-->
<button οnclick="tanchu()">填写损毁原因</button>
</body>

附：弹出窗口各个参数的涵义
'title' 弹出窗口的标题（非必须，可用空代替，一般会被打开的网页的标题代替）
height 弹出窗口的高度
width 弹出窗口的宽度
top 弹出窗口与屏幕上方的距离
left 弹出窗口与屏幕左侧的距离
toolbar=no 是否显示工具栏，如果显示则为yes
menubar=no 是否显示菜单栏，如果显示则为yes
scrollbars=no 是否显示滚动条，如果显示则为yes
location=no 是否显示地址栏，如果显示则为yes
status=no 是否显示状态栏，如果显示则为yes
resizable=no 是否允许改变窗口大小，如果允许则为yes

最后在提醒一点：可以调用window.close()来关闭窗口，可以这样获取父窗口的值var a = window.opener.document.getElementById("3").innerHTML;