解决JavaScript页面刷新与弹出窗口问题

zym34877

zym34877

2016-02-19 17:12

下面请跟着图老师小编一起来了解下解决JavaScript页面刷新与弹出窗口问题,精心挑选的内容希望大家喜欢,不要忘记点个赞哦!

  1.无提示刷新网页

  大家有没有发现,有些网页,刷新的时候,会弹出一个提示窗口,点确定才会刷新。

  而有的页面不会提示,不弹出提示窗口,直接就刷新了.

  如果页面没有form,则不会弹出提示窗口。如果页面有form表单,

  a) form method="post" ... 会弹出提示窗口

  b) form method="get" ... 不会弹出

  2.javascript刷新页面的方法

  window.location.reload();

  使用window.open()弹出的弹出窗口,刷新父窗口

  window.opener.location.reload()

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  使用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()  }}

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

解决JavaScript页面刷新与弹出窗口问题

Web开发
解决JavaScript页面刷新与弹出窗口问题

javascript 控制弹出窗口

Web开发
javascript 控制弹出窗口

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

页面弹出各种窗口详解

Web开发
页面弹出各种窗口详解

弹出窗口与切换页面的区别对比

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
弹出窗口与切换页面的区别对比

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

JavaScript/JS实现页面自动刷新

Web开发
JavaScript/JS实现页面自动刷新

网站选择弹出窗口还是切换页面?

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
网站选择弹出窗口还是切换页面?

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

TCP/IP学习笔记补遗

TCP/IP学习笔记补遗

WinSNMP API规范

WinSNMP API规范
下拉加载更多内容 ↓