五种形式的网页弹出窗口代码详解

弹出窗口|网页|详解

  1.弹启一个全屏窗口

<html>
<body http://www.webjx.com','example01','fullscreen'/">http://www.webjx.com','example01','fullscreen');">
<b>www.webjx.com</b>
</body>
</html>

  运行代码复制代码另存代码 ——您可以运行代码察看特效,您也可以复制或者另存源代码。

    2.弹启一个被F11化后的窗口

<html>
<body http://www.webjx.com','example02','channelmode'/">http://www.webjx.com','example02','channelmode');">
<b>www.webjx.com</b>
</body>
</html>

    3.弹启一个带有收藏链接工具栏的窗口

<html>
<body >
<b>www.webjx.com</b>
</body>
</html>

    4.网页对话框

<html>
<SCRIPT LANGUAGE="javascript">
<!--
showModalDialog('http://www.webjx.com','example04','dialogWidth:400px;dialogHeight:300px;dialogLeft:200px;dialogTop:150px;center: yes;help:yes;resizable:yes;status:yes')
//-->
</SCRIPT>
<b>www.webjx.com</b>
</body>
</html>
<html>
<SCRIPT LANGUAGE="javascript">
<!--
showModelessDialog('http://www.webjx.com','example05','dialogWidth:400px;dialogHeight:300px;dialogLeft:200px;dialogTop:150px;center:yes;
help:yes;resizable:yes;status:yes')
//-->
</SCRIPT>
<b>www.webjx.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.webjx.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.webjx.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 凹凸格式组合边框
   raised 凸出的3D边框
   static 3D边框格式
   sunken 凹进的3D边框
    CAPTION属性(caption)
  此属性为设置HTA窗口是否显示标题栏或标题,默认值为 yes。
    ICON属性(icon)
  此属性为设置应用程序的图标。
    MAXIMIZEBUTTON属性(maximizeButton)
  此属性为设置是否在HTA窗口中显示最大化按钮,默认值为 yes。
    MINIMIZEBUTTON属性(minimizeButton)
  此属性为设置是否在HTA窗口中显示最小化按钮,默认值为 yes。
SHOWINTASKBAR属性(showInTaskBar)
  此属性为设置是否在任务栏中显示此应用程序,默认值为 yes。
SINGLEINSTANCE属性(singleInstance)
  此属性为设置是否此应用程序同时只能运行一次。次属性以APPLICATIONNAME属性作为标识,默认值为 no。
SYSMENU属性(sysMenu)
  此属性为设置是否在HTA窗口中显示系统菜单,默认值为 yes。
VERSION属性(version)
  此属性为设置应用程序的版本,默认值为空。
WINDOWSTATE属性(windowState)
  此属性为设置HTA窗口的初始大小,默认值为 normal。
  它可以设为 normal 默认大小
        minmize 最小化
        maximize 最大化
以上括号中的是在脚本引用的属性。在脚本中以上属性皆为只读属性。此外,在脚本中还可以使用commandLine属性来检索应用程序启动时的参数。
  在HTA中还可以继续使用html中的绝大多数标签、脚本等。

时间: 2024-08-30 19:56:03

五种形式的网页弹出窗口代码详解的相关文章

js showModalDialog弹出窗口实例详解_javascript技巧

showModalDialog:模式窗口, 一种很特别的窗口,当它打开时,后面的父窗口的活动会停止,除非当前的模式子窗口关闭了, 才能操作父窗口.在做网页Ajax开发时,我们应该有时会用到它来实现表单的填写, 或做类似网上答题的窗口. 它的特点是,传参很方便也很强大,可直接调用父窗口的变量和方法. 使用方法:  vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])  参数说明:  sURL--  必选参数,

JS弹出窗口代码大全(详细整理)_javascript技巧

如何利用网页弹出各种形式的窗口,我想大家大多都是知道些的,但那种多种多样的弹出式窗口是怎么搞出来的,我们今天就来学习一下: 1.弹启一个全屏窗口 复制代码 代码如下: <html> <body http://www.jb51.net','','fullscreen');">; <b>www.jb51.net</b> </body> </html> 2.弹启一个被F11化后的窗口 复制代码 代码如下: <html>

超详细的JS弹出窗口代码大全_javascript技巧

如何利用网页弹出各种形式的窗口,我想大家大多都是知道些的,但那种多种多样的弹出式窗口是怎么搞出来的,我们今天就来学习一下:  1.弹启一个全屏窗口 代码如下:  <html> <body http://www.jb51.net','','fullscreen');">; <b>www.jb51.net</b> </body> </html> 2.弹启一个被F11化后的窗口 代码如下:  <html> <bo

aspx 页面弹出窗口代码大全_实用技巧

//关闭,父窗口弹出对话框,子窗口直接关闭 this.Response.Write("<script language=javascript>window.close();</script>"); //关闭,父窗口和子窗口都不弹出对话框,直接关闭 this.Response.Write("<script>"); this.Response.Write("{top.opener =null;top.close();}&qu

js不被IE拦截弹出窗口代码

js不被IE拦截弹出窗口代码 弹出网址改成自己要弹出的地址即可            var paypopupURL = "http://www./弹出的网址.com";    var usingActiveX = true;    function blockError(){return true;}    window.onerror = blockError;    //bypass norton internet security popup blocker    if (wi

五种网页弹出窗口实例代码

弹出窗口|网页 1.弹启一个全屏窗口 <html> <body http://www.webjx.com','example01','fullscreen'/">http://www.webjx.com','example01','fullscreen');"> <b>www.webjx.com</b> </body> </html> 2.弹启一个被F11化后的窗口 <html> <body

网页弹出窗口和网页浮出层哪个好?

大家好,我们这一组的主题是弹出窗口和浮出层的使用体验. 在谈这个话题之前,首先我们必须对弹出窗口和浮动层有个定义.来自五湖四海的革命兄弟姐妹们经过友好而热烈的讨论,就定义问题交换了意见: 1. 弹出窗口:弹出窗口变种很多,形式各异,姿态万千,我们就不一一列举了,我们的讨论范围也仅限于以下两种. •    消息警示窗,俗称alert窗口,又称系统对话框,举例可以看这里 .   •    弹出窗口:俗称弹出广告窗,有独立的url,例子可以看这里.   2. 浮出层:例子可以看这里(请围观者移动鼠标猛

ASP.NET中网页弹出窗口的方法

由于项目要用到弹出窗口,或者叫做模拟窗口,这段时间就研究了下,解决方案很多,比如,window.open();window.showDialog();用层模拟,框架+DIV+Javascript.... 用window.open():这种方法的缺点是,会被浏览器或者相关软件给屏蔽掉.用层模拟的话,如果想实现较复杂点的窗口,就比较困难,第三种方法是综合了所有的网页制作知识,可以提供个很好的解决方案.但是,第三种实现起来,对于Javascript知识不够的人来说,很难完成.前段时间在网上逛的时候,发

IE浏览器网页弹出窗口如何解决

我们用Internet Explorer浏览网页时会碰到一些莫名其妙的弹出窗口,下面介绍一些应对的办法. 1.IE弹出一些莫名其妙的窗口应该是恶意广告程序作怪,可以按以下方法修复: 重新注册IE项,修复IE注册.点击"开始-运行" 输入命令 regsvr32 actxprxy.dll 确定 输入命令 regsvr32 shdocvw.dll 确定 2.弹窗网页可能保留在HOSTS,一经上网就先触发该网址为默认,就会自动打开. 检查HOSTS: 用记事本在C:\WINDOWS\syste