如何利用网页弹出各种形式的窗口，我想大家大多都是知道些的，但那种多种多样的弹出式窗口是怎么搞出来的，我们今天就来学习一下：

　　1.弹启一个全屏窗口

　　＜html＞

　　＜body onload="window.open('http://www.pconline.com.cn','example01','fullscreen');"＞;

　　＜b＞www.e3i5.com＜/b＞

　　＜/body＞

　　＜/html＞

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

　　＜html＞

　　＜body onload="window.open(''http://www.pconline.com.cn','example02','channelmode');"＞;

　　＜b＞www.e3i5.com＜/b＞

　　＜/body＞

　　＜/html＞

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

　　＜html＞

　　＜body onload="window.open('http://www.pconline.com.cn','example03','width=400,height=300,directories');"＞

　　＜b＞www.e3i5.com＜/b＞

　　＜/body＞

　　＜/html＞

　　4.网页对话框

　　＜html＞

　　＜SCRIPT LANGUAGE="javascript"＞

　　＜!--

　　showModalDialog('http://www.pconline.com.cn','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.pconline.com.cn','example05','dialogWidth:400px;dialogHeight:300px;

　　dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes')

　　//--＞

　　＜/SCRIPT＞

　　＜b＞http://www.pconline.com.cn＜/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＞http://www.pconline.com.cn＜/b＞
＜/BODY＞
＜/HTML＞

　　有人会发现上面这些代码与平时的html有点不同，多了HTA:APPLICATION标签，这就是关键之处，hta通过它来提供一系列面向应用程序的功能，接下来再讲一讲它的属性（我的头又在发胀）
　　APPLICATIONNAME属性(applicationName)
　　此属性为设置HTA的名称。
　　BORDER属性(border)
　　此属性为设置为HTA的窗口边框类型，默认值为 thick。
　　它可以设为　thick 指定窗口为粗边框
　　　　　　　　dialog window 指定窗口为对话框
　　　　　　　　none 指定窗口无边框
　　　　　　　　thin 指定窗口为窄边框
　　BORDERSTYLE属性(borderStyle)
　　此属性为设置HTA窗口的边框格式，默认值为 norma

评论 (0) All

登陆 还没注册？