0
点赞
收藏
分享

微信扫一扫

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://不能省略。
 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:窗口内容载入完成后执行的程序,值为函数型。

举报

相关推荐

0 条评论