HTML弹窗代码

html-css087

HTML弹窗代码,第1张

1.html代码:

<body><a href="javascript:void(0)" onclick="window.showModalDialog('2.html','title','dialogHeight: 50pxdialogWidth: 80pxedge: Raisedcenter: Yeshelp: Nostatus:Noscroll=no')">弹出窗口测试</a></body>

2.html代码:

<body>

谢谢点击

<br/>

<input type="button" value="确定" onclick="window.close()"/>

</body>

1:html代码

<div onclick = "aa()" id="div1"></div>

2:第二部,定义函数

function aa(){

alert("点击div,触发弹窗事件!")

}

<!doctype html>

<html>

<head><title>无标题文档</title></head>

<body>

<!--插入按钮 开始-->

<input type="button" value="弹出对话框" onclick="MsgBox()" />

<!--插入按钮 结束-->

<!--引用JS代码以达到弹出对话框目的 开始-->

<script language="javascript">

function MsgBox() //声明标识符

{

alert("我是对话框的内容")//弹出对话框

}

</script>

<!--引用JS代码以达到弹出对话框目的 结束-->

</body>

</html>

扩展资料:

方法参数详解

参数解释:

window.open 弹出新窗口的命令;

'page.html' 弹出窗口的文件名;

'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替;

height=100 窗口高度;

width=400 窗口宽度;

top=0 窗口距离屏幕上方的象素值;

left=0 窗口距离屏幕左侧的象素值;

toolbar=no 是否显示工具栏,yes为显示;

menubar,scrollbars 表示菜单栏和滚动栏。

resizable=no 是否允许改变窗口大小,yes为允许;

location=no 是否显示地址栏,yes为允许;

status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;