html如何实现将设计好的页面内容作为弹窗显示?

html-css016

html如何实现将设计好的页面内容作为弹窗显示?,第1张

首先要写一个弹窗内容区div,把要显示在弹窗里面的标签放在弹窗的div里面就行,当弹窗打开的时候,弹窗里面的内容就是你布局的内容。这需要结合JavaScript,纯html是实现不了的。

<!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为允许;