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

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


     注意这里的第二个参数,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()
  }
}
分享到:
评论

相关推荐

    JAVASCRIPT弹出窗口大总结

    ### JavaScript弹出窗口知识点总结 #### 一、概述 JavaScript是一种广泛使用的脚本语言,它在前端开发中占据着极其重要的地位。通过JavaScript,开发者可以实现网页与用户的交互功能,其中弹出窗口就是一种常见的...

    玩透javascript弹出窗口

    总结起来,JavaScript弹出窗口通过`window.open`函数实现,可以根据需求自定义窗口的属性,如大小、位置和显示元素,并通过函数和事件绑定来控制何时打开窗口。掌握这些知识,你可以更加灵活地在网页中实现各种弹出...

    JAVASCRIPT弹出窗口代码

    ### JavaScript弹出窗口代码详解 在网页开发过程中,有时我们需要创建一个新的浏览器窗口来显示特定的信息或功能,这就需要用到JavaScript中的`window.open()`方法。本文将详细介绍如何使用此方法以及其参数的意义...

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

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

    javascript弹出窗口命令总结

    ### JavaScript 弹出窗口命令总结 #### 一、概述 在网页开发中,JavaScript 提供了多种用于创建弹出窗口的方法。这些方法可以帮助开发者在不离开当前页面的情况下展示额外的信息或进行用户交互。本文将详细介绍 `...

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

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

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

    总结,弹出窗口是Web开发中的重要组件,涉及HTML、CSS、JavaScript等多个技术领域。了解其工作原理、合理使用以及优化策略,有助于创建更高效、友好的用户界面。通过分析提供的文件,可以深入学习这些知识点,并实际...

    javascript 弹出窗口

    总结来说,JavaScript弹出窗口技术不仅可以使用内置的`alert()`, `prompt()`, `confirm()`函数,还可以通过自定义HTML和CSS实现更复杂的模态对话框。在实际项目中,自定义弹出层通常会结合JavaScript和CSS,提供更加...

    javascript操作DIV总结(弹出窗口篇)

    以上就是关于JavaScript操作DIV,特别是弹出窗口的总结。实际开发中,还可以结合AJAX、jQuery等技术进一步提升效率和功能。希望这篇总结能对你的学习有所帮助,也欢迎你分享更多实践经验和技巧。

    javascript弹出窗口

    - **参数**:`message` 表示显示在弹出对话框中的文本。 - **返回值**:该函数没有返回值。 **示例代码**: ```javascript alert("这是一个警告框"); ``` **应用场景**:通常用于提示用户注意一些信息,如错误...

    javascript 实现弹出小窗口

    - **核心知识点**:通过 JavaScript 代码创建一个新窗口或弹出窗口,并能够控制其大小、位置以及各种浏览器工具栏的显示与隐藏等属性。 #### 标签:弹出小窗口 - **关键词提取**:此标签表明文章的主题是围绕“弹出...

    JS 弹出窗口 javascript

    总结,JavaScript的弹出窗口功能是增强网页交互性的关键工具。通过理解并熟练运用`alert()`, `confirm()`, `prompt()`以及自定义模态对话框,开发者可以创造出更丰富、更具吸引力的用户体验。然而,在实际应用中,需...

    js-弹出窗口

    总结,创建一个简单的JavaScript弹出窗口涉及HTML结构的构建、CSS样式的设定以及JavaScript事件处理的编写。通过合理组合这些元素,我们可以创建出既有视觉吸引力又具有良好交互性的弹出窗口。在这个案例中,"弹出...

    javascript div弹出窗口 可封装为JS类

    总结来说,"javascript div弹出窗口 可封装为JS类"这个主题涉及到了JavaScript基础、HTML DOM操作、CSS样式设计以及模块化编程思想。通过封装`div`弹窗为JS类,我们可以创建一个灵活、可维护的弹窗系统,便于在各种...

    div做的弹出窗口

    总结起来,这个项目是一个使用HTML、CSS和JavaScript实现的自定义弹出窗口,具有拖动功能,提供了一种更加灵活和个性化的用户体验。通过学习和理解这个项目,开发者可以提升在前端交互设计和实现上的技能。

    js 自动弹出窗口 下来菜单效果

    在探讨“js自动弹出窗口下来菜单效果”的知识点时,我们不仅关注JavaScript代码本身,还应当深入了解其背后的逻辑与应用场景。这段代码展示了如何利用JavaScript创建一个动态下拉菜单,并在用户选择菜单项时自动打开...

    JavaScript弹出窗口方法汇总

    本文实例汇总了常用的JavaScript弹出窗口方法,供大家对比参考,希望能对大家有所帮助。详细方法如下: 1.无提示刷新网页: 大家有没有发现,有些网页,刷新的时候,会弹出一个提示窗口,点“确定”才会刷新。 而有...

    将弹出窗口切换至最大.txt

    在网页开发过程中,经常需要处理弹出窗口的大小和位置调整问题。例如,为了提供更好的用户体验或者展示更多的内容,开发者可能会选择将弹出窗口调整为全屏显示。这种需求在多种场景下都可能出现,比如在线帮助文档、...

Global site tag (gtag.js) - Google Analytics