（笔记）javascript弹出窗口总结

天边一朵雲

浏览: 34930 次
性别:
来自: 成都

最近访客更多访客>>

yangxiaochenIT

一个人的Alone

hhlbyhz

jolinserda

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JAVASCRIPT

javascript html 弹窗

一：window.open()弹出窗口

语法格式：

var returnValue = window.open(URL,windowname[,location]);

参数解释：
URL ：打开窗口的html地址

windowname ： window对象的名称

location ：弹出窗口属性设置参数

returnValue 的值不为空则open成功

location参数设置可选参数

属性	说明
width	窗口宽度
height	窗口高度
scrollbars	是否显示滚动条
resizable	设置窗口大小是否固定
toolbar	设置浏览器工具条
menubar	设置菜单条
location	设置地址栏
direction	设置刷新按钮

实例：

JS代码
<script>
        window.onload = function(){
	    var winal = window.open("Hello_World.html", "openwindow"); 
        }
</script

弹出窗HTML代码
<body>
        <p style="color:red;">Hello World!</p>
</body>

效果：.

弹出窗口关闭：

window.close();

弹出窗口居中显示：

<script>
        window.onload = function(){
	    var winal = window.open("Hello_World.html", "openwindow","width=100,height=50"); 
             var width = screen.width;
             var heigth = screen.height;
             winal.moveTo((width-100)/2,(height-50)/2);
        }
</script

二： window.showModalDialog()弹出窗口

语法格式：

vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])

参数解释：

sURL：必选参数，类型：字符串。用来指定对话框要显示的文档的URL。
vArguments：可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。
sFeatures：可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，用分号“;”隔开。

sFeature参数设置可选参数

dialogHeight:	对话框高度，不小于100px
dialogWidth:	对话框宽度
dialogLeft:	离屏幕左的距离
dialogTop:	离屏幕上的距离
center:	{yes\|no\|1\|0}：是否居中，默认yes，但仍可以指定高度和宽度。
help:	{yes\|no\|1\|0}：是否显示帮助按钮，默认yes。
resizable:	{yes\|no\|1\|0}[IE5+]：是否可被改变大小。默认no。
status:	{yes\|no\|1\|0}[IE5+]：是否显示状态栏。默认为yes[Modeless]或no[Modal]。
scroll:	{yes\|no\|1\|0\|on\|off}：是否显示滚动条。默认为yes。

实例1（有参数的情况）：

var obj = new Object();
obj.name="51js";
window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");

获取参数：

var obj = window.dialogArguments;
alert("您传递的参数为：" + obj.name);

实例2（无参数的情况）：

str =window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");

转自：www.itlanguageexpress.info

分享到：

(OTHER)Struts2后台验证 | （OTHER）java Enum学习

2011-08-18 01:30
浏览 638
评论(0)
分类:编程语言
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论