网页设计：javascript弹出窗口问题总结

　　作者:罗代均，ldj_work#126.com ,转载请保持完整性.

　　1.无提示刷新网页

    大家有没有发现，有些网页，刷新的时候，会弹出一个提示窗口，点“确定”才会刷新。而有的页面不会提示，不弹出提示窗口，直接就刷新了.如果页面没有form,则不会弹出提示窗口如果页面有form表单，

      a)<form  method="post" ...> 
           会弹出提示窗口
      b)<form  method="get" ...>  
           不会弹出   

2  javascript刷新页面的方法

   window.location.reload();
  
   使用window.open()弹出的弹出窗口，刷新父窗口
      window.opener.location.reload()
   使用window.showDialog弹出的模式窗口
      window.dialogArguments.location.reload();

3.javascript弹出窗口代码

   下面给两个弹出屏幕居中窗口的例子

   window.open()方式

       function ShowDialog(url) {
           var iWidth=300; //窗口宽度
           var iHeight=200;//窗口高度
           var iTop=(window.screen.height-iHeight)/2;
           var iLeft=(window.screen.width-iWidth)/2;
           window.open(url,"Detail","Scrollbars=no,Toolbar=no,Location=no,Direction=no,Resizeable=no,
     Width="+iWidth+" ,Height="+iHeight+",top="+iTop+",left="+iLeft);
          }   
   window.showModalDialog方式
     function ShowDialog(url) {
           var iWidth=300; //窗口宽度
           var iHeight=200;//窗口高度
           var iTop=(window.screen.height-iHeight)/2;
           var iLeft=(window.screen.width-iWidth)/2;
           window.showModalDialog(url,window,"dialogHeight: "+iHeight+"px; dialogWidth: "+iWidth+"px;
     dialogTop: "+iTop+"; dialogLeft: "+iLeft+"; resizable: no; status: no;scroll:no");

[1] [2] 下一页

复制本页网址和标题，发送给你QQ/Msn的好友一起分享

上一篇:网页设计：Javascript实现的自动验证函数实例

下一篇:网站繁简转换解决方案：ASP,JSP,PHP,.Net通用