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

HTML/XHTML教程
如何以及何时使用sIFR
提交表单后转到另一个文件
表格标签(table)深入了解
容易混淆使用位置的XHTML标签
类型File的Input按钮功能研究
注册表单设计的规则
W3C建议的移动Web标记语言XHTML Basic 1.1
超级链接a的提示方式和打开方式
超级链接a的表现形式和打开方式
xhtml css网页制作问题的解决方法
网页注释在IE中产生文字溢出
HTML教程:有序列表
HTML教程:无序列表
HTML网页制作的强大8条技巧
blockquote标记应用注意
X/HTML5 和 XHTML2
以HTML网页实例说明head区代码的意思
XHTML标记要合理使用
DOCTYPE类型详细介绍
表单Form的submit事件不响应

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 42 ::
收藏到网摘: 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 凹凸格式组