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

2016-02-19 17:12 3 1 收藏

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

【 tulaoshi.com - Web开发 】

  1.无提示刷新网页

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

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

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

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

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

  2.javascript刷新页面的方法

  window.location.reload();

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

  window.opener.location.reload()

  使用window.showDialog弹出的模式窗口

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

  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页面加入如下语句

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)
%    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()  }}

来源:https://www.tulaoshi.com/n/20160219/1614554.html

延伸阅读
标签: Web开发
首发于bbs.huse.cn javascript中的数组对象捆绑了强大的方法 因此它可以用很简短的代码实现强大的数组操作 而这些功能要C或者c++实现的话可能需要花费几倍的代码 而且可读性更差 约瑟夫问题的javascript解答 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
标签: Web开发
让弹出窗口变得“体贴”一些 在网上冲浪时进入一些网站会出现弹出窗口。它可能是站长对你的亲切问候,也可能是网站的重要通告、网站广告之类的。但用得不好会让人产生厌烦心理。如何才能让弹出窗口发挥作用,而又不影响浏览者浏览页面呢? 一般的弹出窗口都需要你去关闭它,浏览者一定会觉得很麻烦。如果能让它自己关闭那该多好...
标签: Web开发
不管是做网站还是一些应用系统,都免不了要用到一些弹出的效果,在ZJ-BLOG V1.0 Beta2版本我在一些功能使用了网络上比较流行的仿XP关机效果的弹出功能,按目前的反应来说还是效果不错的,下面将此功能整一下儿,如果有需要大家可以直接使用到自己的网站或是应用系统中去。 不在详细的说明代码了,帖出代码之前需要说明一点儿的...
标签: Web开发
近来网上经常流传一些关于如何在父窗口控制只弹出一个子窗口 问题,我查看了一些,大部分都是只能解决部分或者很麻烦,还不算完美。比如有人是实现的这样,使用的是Cookie,以下是例子。  主页上做了一个弹出窗口,如何使其只弹出一次,返回主页时不再弹出了。  --------------------------------------------------------------...
标签: Web开发
利用javascript创建弹出式窗口 好吧,言归正转,开始我们的第一个教程吧。利用Javascript创建弹出式窗口的目的实际上是打开另外的浏览器窗口。你可以设置这个浏览器窗口的一些属性,如高度、宽度以及是否让该窗口有一个状态条或者工具条。在下面的例子中,我将窗口设置为:350 x 400,即高度为350像素,宽度为400像素;其中也包括了另外的一些...

经验教程

63

收藏

78
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部