html弹出新的dialog

html-css026

html弹出新的dialog,第1张

window.open 弹出新窗口的命令

"page.html” 弹出窗口的文件名

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

100 窗口高度

width=400 窗口宽度

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

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

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

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

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

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

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

<dl>标签定义了定义列表。

如:

<dl>

<dt>计算机</dt>

<dd>用来计算的仪器 ... ...</dd>

<dt>显示器</dt>

<dd>以视觉方式显示信息的装置 ... ...</dd>

</dl>

-----

<dialog>标签是 HTML 5 中的新标签。

用于标签定义对话,比如交谈。

对话中的每个句子都必须属于 <dt>标签所定义的部分。请看下面的例子。

例子

<dialog>

<dt>老师</dt>

<dd>2+2 等于?</dd>

<dt>学生</dt>

<dd>4</dd>

<dt>老师</dt>

<dd>答对了!</dd>

</dialog>

可以利用javascript脚本语言实现,示例如下:

1、打开文本编辑器或记事本程序,输入<html><body>以及<head>标签:

<html>

<head></head>

<body></body>

</html>

2、在<head>头标签后输入<script>标签:

<script type="text/javascript">

</script>

3、在<script>标签中定义一个函数duihua()来使网页弹出对话框:

function duihua()

{

alert("这个窗口是对话框!")

}

4、然后,再定义一个函数命名为queren(),用来弹出确认框:

function queren()

{

var se=confirm("请选择点击一个按钮!")

if (se==true)

{

alert("你按下的是【确认】")

}

else

{

alert("你按下的是【取消】")

}

}

5、继续定义另一个函数tishi(),用来在网页中弹出提示框。

function tishi()

{

var t=prompt("请输入您的名字","KING视界")

if (t!=null &&t!="")

{

document.write("精彩MV就在," + t + "!属于你的世界")

}

}

6、函数定义好以后,在<body>标签后,建立3个按钮分别用来调用这3个函数执行。

<input type="button" onclick="duihua()" value="点击显示对话框" />

<input type="button" onclick="queren()" value="点击显示确认框" />

<input type="button" onclick="tishi()" value="点击显示提示框" />

7、保存该文件,用ie浏览器打开的,点击对应按钮,即可弹出相应对话框。