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

关闭窗口产生js的事件

阅读更多

/************ 关闭窗口,提交评价  **************/
    window.onbeforeunload = function(){
     var pageWidth = Math.max(window.top.document.body.scrollWidth, window.top.document.documentElement.scrollWidth);
     var pageHeight = Math.max(window.top.document.body.scrollHeight, window.top.document.documentElement.scrollHeight);
     var cltHeight = Math.max(window.top.document.body.clientHeight, window.top.document.documentElement.clientHeight);
  
     var width = 400 ;
     var height = 200 ;
  
     var layer = window.top.document.getElementById("zz_layer");
     if (layer != null) {
      layer.parentNode.removeChild(layer);
     }
      
     // 遮罩层
  var layer= window.top.document.createElement("div");
  layer.id = "zz_layer";
  layer.style.filter = "alpha(opacity=38)";//ie
  layer.style.opacity = "0.38";//ff
  layer.style.width = pageWidth + "px";
  layer.style.height = pageHeight + "px";
  layer.style.position= "absolute";
  layer.style.top = 0;
  layer.style.left = 0;
  layer.style.backgroundColor = "#000";
  layer.style.zIndex = "9998";
  window.top.document.body.appendChild(layer);

  // 评价窗口
  var newbox = document.getElementById("KF_PJ_DIV");
  newbox.style.zIndex = "9999";
  newbox.style.display = "block";
  newbox.style.width = width + "px";
  newbox.style.height = height + "px";
  newbox.style.border = "#565656 4px solid";
  newbox.style.background = "#FFFFFF";
  newbox.style.position = "absolute";
  newbox.style.left = pageWidth/2 + "px";
  newbox.style.top = (cltHeight/2) + "px";

  if(height/2 > (cltHeight/2)){
   newbox.style.marginTop = ( - (cltHeight/2)) + "px";
  }else{
   newbox.style.marginTop = ( - height/2) + "px";
  }
  if(width/2 > (pageWidth/2)){
   newbox.style.marginLeft = ( - (pageWidth/2)) + "px";
  }else{
   newbox.style.marginLeft = ( - width/2) + "px";
  }
    
     return "您尚未对客服服务作出评价,请点击‘取消’评分!";
   };

   function mydiv_resize(){
    var pageWidth = Math.max(window.top.document.body.scrollWidth, window.top.document.documentElement.scrollWidth);
     var pageHeight = Math.max(window.top.document.body.scrollHeight, window.top.document.documentElement.scrollHeight);
     var cltHeight = Math.max(window.top.document.body.clientHeight, window.top.document.documentElement.clientHeight);
     var cltWidth = Math.max(window.top.document.body.clientWidth, window.top.document.documentElement.clientWidth);
  
     var width = 400 ;
     var height = 200 ;
     
    var layer = window.top.document.getElementById("zz_layer");
     if (layer != null) {
      // 遮罩层
   layer.style.width = pageWidth + "px";
   layer.style.height = pageHeight + "px";
     }
      
  // 评价窗口
  var newbox = document.getElementById("KF_PJ_DIV");
  newbox.style.left = cltWidth/2 + "px";
  newbox.style.top = (cltHeight/2) + "px";

  if(height/2 > (cltHeight/2)){
   newbox.style.marginTop = ( - (cltHeight/2)) + "px";
  }else{
   newbox.style.marginTop = ( - height/2) + "px";
  }
  if(width/2 > (pageWidth/2)){
   newbox.style.marginLeft = ( - (pageWidth/2)) + "px";
  }else{
   newbox.style.marginLeft = ( - width/2) + "px";
  }
   }
   
 window.onresize = mydiv_resize;

分享到:
评论

相关推荐

    JS关闭窗口时产生的事件及用法示例

    标题中的“JS关闭窗口时产生的事件及用法示例”主要指的是JavaScript中处理窗口关闭时的事件机制。在JavaScript中,当用户尝试关闭浏览器窗口或标签页时,我们可以监听到`onbeforeunload`事件。这个事件在窗口即将...

    关闭窗口的提示.rar关闭窗口的提示.rar

    在实现这一功能时,开发者通常会在窗口的关闭事件中添加代码逻辑。例如,在Windows操作系统中,大多数应用程序都是基于Windows API构建的,当用户点击窗口关闭按钮或者执行了关闭窗口的操作(如Alt+F4快捷键),系统...

    即时JS飘动窗口

    即时JS飘动窗口是一种网页交互效果,主要用于模拟QQ等即时通讯软件中的聊天窗口弹出和飘动的行为。这种效果能够吸引用户的注意力,并提供一种动态、友好的用户界面体验。通过JavaScript实现,它允许开发者在网页中...

    无限制弹出窗口(JS)

    标题“无限制弹出窗口(JS)”指的是在网页中利用JavaScript实现的一种技术,它允许开发者创建无限数量或在用户浏览过程中持续出现的弹出窗口。这种技术可能会被滥用,导致用户体验下降,甚至被认为是恶意行为,如广告...

    js无提示关闭浏览器窗口的两种方法分析

    这种方法适用于需要在特定时间点自动关闭浏览器窗口的场景,但需要注意的是,它并不能直接通过JavaScript实现,且涉及到操作系统级别的操作,可能对用户其他正在使用的IE浏览器实例产生影响。 总的来说,关闭浏览器...

    html5关闭表单窗口爆炸裂开动画特效.zip

    在这个特定的压缩包"html5关闭表单窗口爆炸裂开动画特效.zip"中,我们聚焦于一个独特且引人注目的视觉效果——利用HTML5实现的表单窗口在关闭时产生爆炸裂开的动画特效。这种特效能够提升用户体验,为网站或应用增添...

    弹出式窗口代码产生器

    1. **JavaScript**: 弹出窗口主要通过JavaScript实现,利用`alert()`、`prompt()`或`confirm()`等内建函数。例如,`alert("Hello, world!");`会显示一个包含消息的警告对话框。更复杂的弹出窗口可能需要自定义DOM...

    JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单)

    这将在6秒钟后关闭当前窗口,先将`window.opener`设置为`null`,然后调用`window.close()`。 `setTimeout`的第二个参数可以是一个函数名,而不是一个字符串,这样更推荐,因为这样可以避免使用字符串导致的潜在的...

    js中用window.open()打开多个窗口的name问题

    这可以通过关闭不再需要的窗口、设置超时自动关闭窗口、或者提供用户界面来手动管理窗口来实现。 另一个值得注意的问题是,在不同浏览器之间可能会有不同的行为,尤其是在较旧的浏览器版本中。因此,开发者在实现多...

    用javascript关闭本窗口不弹出询问框的方法

    关于如何在使用JavaScript关闭浏览器窗口时避免弹出询问框的问题,这在早期的浏览器实现中有所不同,特别是在IE和Firefox中。以下是详细的解释和代码示例。 首先,通常情况下,当使用JavaScript的window.close()...

    适用于JSF RI 1.0 Final Release的弹出窗口程序

    - 注意跨域和同源策略,尤其是当弹出窗口需要与服务器进行通信时,避免产生安全问题。 总之,JSF 1.0 Final Release虽旧,但依然可以创建功能丰富的弹出窗口应用。通过理解JSF组件、EL表达式以及JavaScript的交互...

    JavaScript做的关闭网站后弹出其他网站的效果

    标题中的“JavaScript做的关闭网站后弹出其他网站的效果”指的是使用JavaScript编程语言,在用户离开当前网页时触发一个动作,即打开一个新的浏览器窗口跳转到指定的其他网站。这种效果通常用于实现某些特定的用户...

    JavaScript在动态网页设计中的应用.pdf

    3. 窗口动态操作:JavaScript 可以自由设计网页的窗口大小、窗口的打开与关闭、窗口的位置等。 4. 动态响应事件:JavaScript 支持一些事件,如 onLoad(载入文件事件)、onMouseOut (鼠标离开事件)、onMouseOver (鼠标...

    layer.open 按钮的点击事件关闭方法

    总结,本文所分享的layer.open按钮点击事件的关闭方法,涵盖了layer.open的基本用法、事件处理、关闭layer的方法、参数传递及层的管理等关键知识点。对于希望快速实现Web界面弹出层功能的开发者来说,是一篇具有实用...

    window.close(); 关闭浏览器窗口js代码的总结介绍

    在JavaScript中,`window.close()` 是一个用于关闭当前浏览器窗口的方法。然而,它的行为在不同浏览器之间可能存在差异,这使得正确地使用它成为一个需要注意的问题。本文将深入探讨`window.close()` 的工作原理以及...

    JavaScript网页特效范例宝典源码

    实例008 关闭弹出窗口时刷新父窗口 12 实例009 关闭IE主窗口时,不弹出询问对话框 13 1.2 弹出网页对话框 14 实例010 弹出网页模式对话框 14 实例011 弹出全屏显示的网页模式对话框 16 实例012 网页拾色器 18 实例...

    ecshop 浮动弹出式网页窗口

    JavaScript则负责动态显示和隐藏窗口,以及响应用户的交互,比如关闭按钮的点击事件。 3. **用户体验**:设计浮动窗口时,需注意不要干扰用户浏览商品或完成交易。合理设置弹出窗口的出现频率和关闭选项,以平衡...

    背景变暗的div可拖动提示窗口.

    我们可以创建一个带有拖动功能的`div`,通过监听鼠标的`mousedown`、`mousemove`和`mouseup`事件来实现窗口的移动。以下是一个简单的示例: ```javascript var dragElement = document.getElementById('...

    javascript特效代码大全

    9. **图表绘制**:JavaScript库如Chart.js或D3.js可以帮助创建各种统计图表,如柱状图、饼图、折线图等,动态展示数据变化。 10. **响应式设计**:JavaScript配合媒体查询可以实现响应式布局,使网页在不同设备和...

Global site tag (gtag.js) - Google Analytics