当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 多种网页弹出窗口代码

HTML/XHTML教程
HTML表格标记教程(37):表头的背景图象属性BACKGROUND
HTML表格标记教程(41):表头的宽度和高度属性WIDTH、HEIGHT
HTML表格标记教程(36):表头的背景色属性BGCOLOR
揭开HTML 5工作草稿的神秘面纱
清除网页文字水印的两种简单方法
W3C公布最新的HTML5标准草案
XHTML与CSS的面向对象编程
XHTML三种文件类型声明
通过实例掌握BR和P标签的区别
网页表格或div层在网页中被撑开解决之道
网页设计之网页音乐的实现技巧
XHTML常用标签介绍
HTML网页图片标记
网页表单设计实例技巧五则
HTML网页列表标记学习教程
HTML网页超链接标记
HTML表单标记教程(4):
HTML表单标记教程(5):文字域标记
HTML表单标记教程(2):
HTML表单标记教程(3):输入标记

HTML/XHTML教程 中的 多种网页弹出窗口代码


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 51 ::
收藏到网摘: n/a

    1.弹启一个全屏窗口
<html>
<body onload="window.open(' http://www.e3i5.com','example01','fullscreen');">
<b>www.e3i5.com</b>
</body>
</html>


    2.弹启一个被F11化后的窗口
<html>
<body onload="window.open(' http://www.e3i5.com','example02','channelmode');">
<b>www.e3i5.com</b>
</body>
</html>


    3.弹启一个带有收藏链接工具栏的窗口
<html>
<body onload="window.open('http://www.e3i5.com','example03','width=400,height=300,directories');">
<b>www.e3i5.com</b>
</body>
</html>


    4.网页对话框
<html>
<SCRIPT LANGUAGE="javascript">
<!--
showModalDialog('http://www.e3i5.com','example04','dialogWidth:400px;dialogHeight:300px;dialogLeft:200px;dialogTop:150px;center:

yes;help:yes;resizable:yes;status:yes')
//-->
</SCRIPT>
<b>www.e3i5.com</b>
</body>
</html>

<html>
<SCRIPT LANGUAGE="javascript">
<!--
showModelessDialog('http://www.e3i5.com','example05','dialogWidth:400px;dialogHeight:300px;dialogLeft:200px;dialogTop:150px;center:yes;

help:yes;resizable:yes;status:yes')
//-->
</SCRIPT>
<b>www.e3i5.com</b>
</body>
</html>


    showModalDialog()或是showModelessDialog() 来调用网页对话框,至于showModalDialog()与showModelessDialog()的区别,在于showModalDialog()打开的窗口(简称模式窗口),置在父窗口上,必须关闭才能访问父窗口(建议尽量少用,以免招人反感);showModelessDialog()(简称无模式窗口),打开后不必关闭也可访问父窗口打开的窗口。
    dialogHeight: iHeight 设置对话框窗口的高度。
    dialogWidth: iWidth 设置对话框窗口的宽度。   
    dialogLeft: iXPos 设置对话框窗口相对于桌面左上角的left位置。
    dialogTop: iYPos 设置对话框窗口相对于桌面左上角的top位置。
    center: {yes   no   1   0 } 指定是否将对话框在桌面上居中,默认值是“yes”。
    help: {yes   no   1   0 } 指定对话框窗口中是否显示上下文敏感的帮助图标。默认值是“yes”。   
    resizable: {yes   no   1   0 } 指定是否对话框窗口大小可变。默认值是“no”。
    status: {yes   no   1   0 } 指定对话框窗口是否显示状态栏。对于非模式对话框窗口,默认值是“yes”;对于模式对话框窗口,默认值是 “no”。

    5.HTA窗口

    HTA的全名为HTML Application,翻译过来就是HTML应用程序,你只要简单的用.hta为扩展名保存HTML页面就算创建了一个HTA文件,下面我们就用HTA来编个窗口,将以下这段代码保存为.hta文件,然后再用浏览器打开。

<HTML>
<HEAD>
<TITLE>www.e3i5.com</TITLE>
<HTA:APPLICATION ID="oHTA"
APPLICATIONNAME="myApp"
  BORDER="thin"
  BORDERSTYLE="normal"
  CAPTION="yes"
  ICON="filename.ico"
  MAXIMIZEBUTTON="yes"
  MINIMIZEBUTTON="yes"
  SHOWINTASKBAR="no"
  INGLEINSTANCE="no"
  SYSMENU="yes"
  VERSION="1.0"
  WINDOWSTATE="normal" />
</HEAD>
<BODY>
<b>www.e3i5.com</b>
</BODY>
</HTML>

    有人会发现上面这些代码与平时的html有点不同,多了HTA:APPLICATION标签,这就是关键之处,hta通过它来提供一系列面向应用程序的功能,接下来再讲一讲它的属性(我的头又在发胀)

    APPLICATIONNAME属性(applicationName)
  此属性为设置HTA的名称。
  BORDER属性(border)
  此属性为设置为HTA的窗口边框类型,默认值为 thick。
  它可以设为 thick 指定窗口为粗边框
        dialog window 指定窗口为对话框
        none 指定窗口无边框
        thin 指定窗口为窄边框
    BORDERSTYLE属性(borderStyle)
  此属性为设置HTA窗口的边框格式,默认值为 normal。
  它可以设为
   normal 普通边框格式
   complex 凹凸格式组