JS弹窗效果的实现

第一种:

//关闭,父窗口弹出对话框,子窗口直接关闭

echo "<script language=javascript>window.close();</script>";

//关闭,父窗口和子窗口都不弹出对话框,直接关闭

echo "<script>";

echo "{top.opener =null;top.close();}";

echo "</script>";

步骤/方法

1

//弹出窗口刷新当前页面width=200 height=200菜单。菜单栏,工具条,地址栏,状态栏全没

echo "<script language=javascript>window.open(‘rows.php‘,‘newwindow‘,‘width=200,height=200‘)</script>";

2

//弹出窗口刷新当前页面

echo "<script language=javascript>window.open(‘rows.php‘)</script>";

echo "<script>window.open(‘form.php‘,‘_blank‘);</script>";

3

//弹出提示窗口跳到form.php页(在一个IE窗口中)

echo " <script language=javascript>alert(‘注册成功‘);window.window.location.href=‘form.php‘;</script> ";

4

//关闭当前子窗口,刷新父窗口

echo "<script>window.opener.location.href=window.opener.location.href;window.close();</script>";

echo "<script>window.opener.location.replace(window.opener.document.referrer);window.close();</script>";

5

//子窗口刷新父窗口

echo "<script>window.opener.location.href=window.opener.location.href;</script>";

echo "<script>window.opener.location.href=‘WebForm1.php‘;</script>";

6

//弹出提示窗口.确定后弹出子窗口(form.php)

echo "<script language=‘javascript‘>alert(‘发表成功!‘);window.open(‘form.php‘)</script>";


第二种:

弹出框:

代替window.open、window.alert、window.confirm;提供良好的用户体验;

水晶质感,设计细腻,外观漂亮;

兼容ie6/7/8、firefox2/3、Opera;弹出框在ie6下不会被select控件穿透;

无外部css文件,引用Dialog.js即可使用;

对iframe下的应用作了充分考虑,适合复杂的系统应用;

Dialog显示的内容(三种):1、指向一个URL的iframe窗口;2、页面内隐藏的元素中的html内容;3、直接输出一段html内容;

按ESC键可关闭弹出框;

主调函数参数说明:

Dialog.open({ID,Title,URL,InnerHtml,InvokeElementId,Width,Height,Top,Left,Drag,OKEvent,ShowButtonRow,MessageTitle,Message,AutoClose,OnLoad})

ID:窗口id号,可省略。每个窗口的id必须是唯一的不能重复。

Title:窗口标题。如不写此项默认值为""。

URL: 窗口内容页地址,或使用相对路径或绝对路径,注意如果使用

http://www.csdn.net

形式的绝对地址,则http://不能省略。

InnerHtml: 窗口内容html代码,用于直接输出html内容,注意不要让生成的内容因为不适当的宽度或定位方式而破坏了Dialog的外观。

InvokeElementId: 本页面内隐藏的元素的id,用于显示页面内隐藏的元素中的html内容,注意不要让内容因为不适当的宽度或定位方式而破坏了Dialog的外观。

Width:窗口宽度(dialog内容区宽度),值为数值型,默认值为窗口可见宽的40%。

Height:窗口高度(dialog内容区高度),值为数值型,默认值为窗口可见宽的20%。

Left:窗口距浏览器左边距离,值为数值型或字符串型(当使用百分比时为字符串型),如Left:"0%",Top:"0%"为左上,Left:"50%",Top:"50%"为居中,Left:"100%",Top:"100%"为右下。

Top:窗口距浏览器顶端距离,值为数值型或字符串型(百分比)。

Drag:是否允许拖动窗口,值为布尔型(true|false),默认值为true,注意需要页面引用了Drag.js。

OKEvent:点击确定按钮后执行的函数。

CancelEvent:点击取消按钮或点击关闭按钮后执行的函数,默认为关闭本Dialog。

ShowButtonRow:是否不显示按钮栏,值为布尔型(true|false),默认值为false,当定义了OKEvent或调用了addButton时自动设为true。

MessageTitle,Message:自定义的窗口说明栏中的小标题和说明。

ShowMessageRow:是否显示窗口说明栏,值为布尔型(true|false),默认值为false,当定义了MessageTitle或Message时自动设为true。

AutoClose:是否自行关闭,值为数值型,默认值为false。

OnLoad:窗口内容载入完成后执行的程序,值为函数型。


JS弹窗效果的实现,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。