`
zgqynx
  • 浏览: 1364187 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

阅读更多
解决JavaScript页面刷新与弹出窗口问题

原文:http://www.xker.com/page/e2007/0802/29094.html

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"
);
          }

注意这里的第二个参数,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()
   }
}

分享到:
评论
1 楼 bosschen 2008-11-25  
路过,人过留名。

相关推荐

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

    ### JavaScript页面刷新与弹出窗口问题的解决方法 在日常的Web开发中,经常会遇到页面刷新及弹出窗口的问题。这些问题不仅影响用户体验,还可能带来功能实现上的困扰。本文将详细探讨如何解决JavaScript中的页面...

    javascript弹出窗口问题总结

    本篇文章将针对JavaScript弹出窗口的相关问题进行总结,包括无提示刷新网页、刷新页面的方法、弹出窗口代码、模式窗口的数据刷新问题、模式窗口中链接弹出新窗口以及无提示关闭页面的方法。 1. **无提示刷新网页** ...

    showModalDialog 弹出窗口关闭不刷新父窗口最终实现了

    然而,在某些情况下,我们可能希望在关闭弹出窗口后,不刷新父窗口(即打开弹出窗口的页面),以保持当前页面状态不变。本文将详细介绍如何实现这一需求。 #### 二、问题描述 根据题目中的描述,开发者在`index....

    asp.net弹出窗口并返回值刷新主窗口

    要实现弹出窗口与主窗口的数据交换,一种常见方法是利用查询字符串或POST请求传递数据。当用户在弹出窗口中完成操作后,可以调用`window.opener`对象的相关方法或修改其页面的某个元素,将结果传回主窗口。例如,弹...

    弹出窗口资料弹出窗口资料

    - AJAX:异步更新内容,实现不刷新页面的弹出窗口交互。 4. tuofang.html:这个文件可能是一个关于弹出窗口实现的示例代码,包含HTML结构和可能的JavaScript逻辑。通过查看源代码,可以学习到如何创建一个弹出窗口...

    aspx页面弹出窗口代码大全

    AjaxUpdatePanel可以更新部分页面,而ModalPopupExtender则能创建模态弹出窗口,阻止用户与背景内容交互,直到弹窗关闭。 4. **CSS和HTML:** - 通过CSS和HTML,可以创建自定义的弹出层,例如使用`position: fixed...

    弹出层关闭父页面刷新

    总的来说,实现“弹出层关闭后刷新父页面”的功能,主要涉及到JavaScript的事件监听和窗口操作,是前端开发中常见的交互设计。理解并掌握这个过程,对于提升用户体验和优化页面流程有着积极的作用。

    asp.net常用的javascript弹出窗口代码

    ### ASP.NET 中 JavaScript 弹出窗口的常用代码详解 在 Web 开发中,JavaScript 的弹出窗口功能是非常实用且常见的一个特性。对于 ASP.NET 开发者来说,掌握这些技巧能够帮助他们在开发过程中更加灵活地控制页面...

    asp.net mvc 弹出窗口 技巧

    1. **JavaScript与jQuery库**:在ASP.NET MVC中,通常会利用JavaScript和jQuery来实现前端交互,包括弹出窗口。jQuery库简化了DOM操作,使得创建和控制弹出窗口变得简单。 2. **Bootstrap Modal**:Bootstrap是广泛...

    JavaScript弹出窗口方法汇总_.docx

    JavaScript 弹出窗口方法是 Web 开发中常用的技术,用于实现弹出窗口、刷新网页、模式窗口等功能。本文将对 JavaScript 弹出窗口方法进行总结和分析,帮助读者更好地理解和应用这些方法。 一、无提示刷新网页 在 ...

    javascript点击弹出窗口.zip

    JavaScript点击弹出窗口技术是网页开发中的常见功能,主要用于实现用户交互,如确认操作、显示信息或进行对话框式操作。在HTML5的背景下,这一技术变得更加高效且易于实现。本压缩包包含了一系列相关的文件,如`...

    完美弹出窗口 兼容所有浏览器

    这个主题与JavaScript库JQuery密切相关,特别是针对“完美JQuery弹出窗口”的实现。JQuery是一个强大的JavaScript库,简化了DOM操作、事件处理和动画效果,使得开发人员能够轻松地创建交互式的网页元素,如弹出窗口...

    JS关闭窗口弹出新窗口,关闭新窗口时,刷新父窗口,JS代码实现刷新网页,js实现弹出窗口代码收集集萃

    今天,我们将探索如何使用 JavaScript 实现弹出窗口,并且在关闭新窗口时刷新父窗口。 基本弹出窗口代码 要实现弹出窗口,只需在 HTML 文件中添加一段 JavaScript 代码即可。下面是一个基本的弹出窗口代码: ```...

    百度博客的无刷新弹出提示窗口特效.rar

    当用户触发某个操作时,JavaScript会创建一个新的XMLHttpRequest实例,向服务器发送请求,服务器响应后,JavaScript再处理返回的数据,并更新页面的特定部分,例如弹出窗口的内容。 在压缩包内的“百度博客的无刷新...

    Ajax右下角弹出窗口

    Ajax右下角弹出窗口是一种常见的用户交互设计,它利用Ajax技术实现在不刷新整个页面的情况下,于页面右下角动态展示信息或提示。这种设计不仅提升了用户体验,还能有效地传递实时数据,使得网页更具交互性和响应性。...

    JS刷新父页面 父窗口

    - 在某些浏览器中,出于安全考虑,弹出窗口可能不允许直接操作父窗口,除非是明确由父窗口创建的。 3. **其他刷新方法**: - 使用`window.location.href = window.location.href;`也可以达到刷新页面的效果,但...

    javascript弹出窗口中增加确定取消按钮

    在Web开发中,使用JavaScript弹出窗口来获取用户的确认或者提供额外的操作选项是一种常见的交互方式。本文主要介绍如何在ECShop这样的电子商务平台上,通过JavaScript代码实现在弹出窗口中增加“确定”和“取消”...

    javascript刷新父页面

    在网页开发中,有时我们需要从一个弹出的子窗口(通常是由 `window.open` 或 `window.showModalDialog` 方法打开的)来控制父窗口的行为,比如刷新父窗口的页面。这在很多应用场景下都非常有用,比如用户在子窗口...

    ymPrompt弹出窗口的例子

    在"ymPrompt弹出窗口的例子"中,我们重点关注的是如何利用ymPrompt实现弹出窗口与父窗口的交互,特别是如何在用户进行特定操作后刷新父窗口。 首先,我们需要在HTML文件中引入ymPrompt库。这通常通过在页面的`...

    在使用showModalDialog中为解决刷新时弹出新窗口时用到iframe所带来的一个问题

    在标题提到的问题中,当使用`showModalDialog`并结合`iframe`来实现弹窗功能时,如果页面被刷新,可能会出现一个新的弹出窗口。这是因为`showModalDialog`通常会保留其状态,而页面刷新会重置这些状态,导致再次调用...

Global site tag (gtag.js) - Google Analytics