多种网页弹出窗口代码

盈盈精神

盈盈精神

2016-01-29 12:35

多种网页弹出窗口代码,多种网页弹出窗口代码

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/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”。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/html/)

    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 凹凸格式组

展开更多 50%)
分享

猜你喜欢

多种网页弹出窗口代码

Html CSS布局 Div+CSS XHTML
多种网页弹出窗口代码

在FLASH中弹出网页窗口

flash教程
在FLASH中弹出网页窗口

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

弹出网页窗口全攻略

电脑网络
弹出网页窗口全攻略

弹出网页窗口设计全攻略

Html CSS布局 Div+CSS XHTML
弹出网页窗口设计全攻略

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

弹出网页窗口全攻略(html/hta)

Html CSS布局 Div+CSS XHTML
弹出网页窗口全攻略(html/hta)

jquery 弹出登录窗口实现代码

Web开发
jquery 弹出登录窗口实现代码

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

多线程应用程序中调用窗体的一点心得

多线程应用程序中调用窗体的一点心得

《锁链战记》背德能力详细解析

《锁链战记》背德能力详细解析
下拉加载更多内容 ↓