javascript弹出窗口问题总结

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

.无提示刷新网页
     大家有没有发现,有些网页,刷新的时候,会弹出一个提示窗口,点“确定”才会刷新。
而有的页面不会提示,不弹出提示窗口,直接就刷新了.
     如果页面没有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");
          }

      注意这里的第二个参数,window

4.模式窗口数据不刷新(缓存)问题

在jsp页面加入如下语句  

<%
       response.setHeader("Pragma","No-Cache");
       response.setHeader("Cache-Control","No-Cache");
       response.setDateHeader("Expires", 0);
%>

5,模式窗口中,链接弹出新窗口问题

在</head>和<body>间加入<base target="_self">

6.无提示关闭页面的方法
function CloseWin(){
     var ua = navigator.userAgent; var ie = navigator.appName=="Microsoft Internet Explorer"?true:false;
     if(ie){
var IEversion = parseFloat(ua.substring(ua.indexOf("MSIE ")+5,ua.indexOf(";",ua.indexOf("MSIE "))));
     if( IEversion< 5.5){
     var str = '';
     document.body.insertAdjacentHTML("beforeEnd", str);
      document.all.noTipClose.Click();
    } else {
       window.opener =null; window.close();
    }
   }else{
   window.close()
   }
}

目录
相关文章
|
7月前
|
JavaScript 前端开发 UED
JS:如何获取浏览器窗口尺寸?
JS:如何获取浏览器窗口尺寸?
263 1
|
6月前
|
JavaScript 前端开发 API
JavaScript基础-BOM与窗口交互
【6月更文挑战第12天】本文介绍了BOM(浏览器对象模型),它是JavaScript与浏览器交互的API。核心对象包括顶级对象window、document、location、navigator和history。常见问题涉及window全局作用域、location.href编码、history使用和navigator.userAgent检测。提供了代码示例,如设置页面标题、页面跳转及利用history实现无刷新跳转。掌握BOM基础和最佳实践对前端开发至关重要。
49 5
|
6月前
|
JavaScript 前端开发
js怎样获取浏览器窗口尺寸
js怎样获取浏览器窗口尺寸
|
7月前
|
JavaScript 前端开发
JavaScript 窗口
JavaScript 窗口
|
7月前
|
JavaScript 前端开发
js怎样获取浏览器窗口尺寸
js怎样获取浏览器窗口尺寸
64 1
|
7月前
|
JavaScript
js实现跨浏览器tab选项卡页通信、传参,监听localStorage.变量的实时变化,实现打开多个浏览器页面窗口相互可以传参通信
js实现跨浏览器tab选项卡页通信、传参,监听localStorage.变量的实时变化,实现打开多个浏览器页面窗口相互可以传参通信
|
JavaScript 前端开发
JavaScript打开新窗口的几种方式
JavaScript打开新窗口的几种方式
|
JavaScript 前端开发
js怎样获取浏览器窗口尺寸
js怎样获取浏览器窗口尺寸
58 0
|
前端开发 JavaScript 安全
使用原生JavaScript对网页或窗口进行截图
要使用原生 JavaScript 对整个网页或窗口进行截图,你可以使用 html2canvas 库。 html2canvas 是一个强大的 JavaScript 库,可以将网页的可见部分渲染为 <canvas> 元素,并且可以保存为图像。
598 0
|
JSON JavaScript 前端开发
JavaScript iframe 多窗口通信实战
JavaScript iframe 多窗口通信实战
127 0