开发者社区> 科技探索者> 正文

弹出网页窗口设计全攻略zt

简介:
+关注继续查看

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

  1.弹启一个全屏窗口 
一定要注意在网页上设置一个关闭窗口的连接。有些网民朋友不知道如何关闭全屏窗口。关闭全屏窗口的方法是alt+f4组合键。

<html> 
<body onload="window.open('http://www.selala.com/','example01','fullscreen');">; 
<b>http://www.selala.com/</b> 
</body> 
</html>

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

<html> 
<body onload="window.open(''http://www.selala.com/','example02','channelmode');">; 
<b>http://www.selala.com/</b> 
</body> 
</html>

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

<html> 
<body onload="window.open('http://www.selala.com/','example03','width=400,height=300,directories');"> 
<b>http://www.selala.com/</b> 
</body> 
</html>

  4.网页对话框

<html> 
<SCRIPT LANGUAGE="javascript"> 
<!-- 
showModalDialog('http://www.selala.com/','example04','dialogWidth:400px;dialogHeight:300px; 
dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes') 
//--> 
</SCRIPT> 
<b>http://www.selala.com/</b> 
</body> 
</html>

<html> 
<SCRIPT LANGUAGE="javascript"> 
<!-- 
showModelessDialog('http://www.selala.com/','example05','dialogWidth:400px;dialogHeight:300px; 
dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes') 
//--> 
</SCRIPT> 
<b>http://www.selala.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>http://www.selala.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.selala.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中的绝大多数标签、脚本等。

本文转自分瓜博客51CTO博客,原文链接http://blog.51cto.com/aiqing/816如需转载请自行联系原作者


aiqing

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Java---网络蜘蛛-网页邮箱抓取器~源码
刚刚学完Socket,迫不及待的做了这个网页邮箱抓取~~~ 自己以前做过微商,而且还掏钱买过抓取网络邮箱的软件~现在O(∩_∩)O哈哈~我自己做~当然啦,没有别人做得好~只是功能还是差不多啦~ 给一个带协议的网站~然后深入网页中查找邮箱~ 因为博主知识有限~线程池目前还没...
907 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
28026 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
20127 0
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
23538 0
基于lua的网页脚本开发语言cgilua(转)
这里为大家介绍基于lua脚本实现的网页开发语言,cgilua 介绍 cgilua使用Lua是一个用于创建动态网页的服务器端脚本语言。纯LUA脚本和LUA页(LP)的支持,cgilua。Lua脚本是一个Lua程序创建一个网页的全部内容并返回给客户端。
1146 0
sso 登录,网页跳转的实现方式
原文 http://www.cnblogs.com/jake1/archive/2013/04/28/sso_page.html 在昨天的博客中http://www.cnblogs.com/jake1/archive/2013/04/28/sso_scheme.
1200 0
5488
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载