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

JS--页面关闭提醒(适用于带有iFrame)

Web 
阅读更多
    在做web项目时,有些页面提前需要进行关闭提醒,避免我们在输入大量的信息还未保存

时不小心关闭了,导致我们白费功能,下面的这个例子就可以实现这个功能,经测试,在

iFrame下同样可以使用。

附代码:

<script type="text/javascript">

window.onbeforeunload = function(event){

  if((window.event.screenX - window.screenLeft) >(document.documentElement.scrollWidth-20) && 
     window.event.clientY < 0 || window.event.altKey ) {
       event = event || window.event;
       event.returnValue = "是否退出?";}
   }

</script>
分享到:
评论

相关推荐

    javascript经典特效---Iframe页面的滚动.rar

    在本压缩包"javascript经典特效---Iframe页面的滚动.rar"中,重点是讲解如何利用JavaScript来控制Iframe中的页面滚动。 Iframe,全称Inline Frame,是一种在HTML文档中嵌入另一个HTML文档的方式。它常用于在网页中...

    iframe-resizer-master.rar

    在实际应用中,`iframe-resizer-master`通常适用于以下场景: 1. 内容聚合:当网站需要集成多个来源的内容,如新闻、评论、广告等,可以使用`iframe`来加载这些内容,并通过`iframe-resizer-master`确保内容的完整...

    js-iframe-传值调用实例代码

    这个实例代码“js-iframe-传值调用”旨在演示如何通过JavaScript在父窗口和iframe之间传递数据,实现页面间的交互。我们将详细探讨这个过程中的关键知识点。 首先,我们要理解iframe的基本结构。一个iframe标签通常...

    javascript经典特效---IFRAME间链接变换.rar

    在本资源"javascript经典特效---IFRAME间链接变换.rar"中,我们聚焦于一个特定的JavaScript特效:如何在多个IFRAME之间进行链接的变换。 IFRAME(Inline Frame)是HTML中的一个元素,它允许在一个页面中嵌入另一个...

    js调用-嵌入iframe

    其中,"js调用-嵌入iframe"是JS在处理页面元素,特别是与IFrame(内联框架)交互时的一个重要技术。IFrame允许在单一网页中嵌入另一个网页,从而实现内容的复用或隔离。下面我们将详细探讨这一主题。 **1. IFrame...

    jquery.iframe-transport.js包

    jquery.iframe-transport.js包

    easy-web-iframe-master.zip

    "easy-web-iframe-master.zip" 是一个包含"easy-web"框架的iframe实现的源代码压缩包,主要用于构建后台管理系统。这个框架结合了layui,一个流行的前端UI库,以提供高效、简洁的界面设计和交互体验。在开发企业级...

    flex-iframe-1.4.1.zip

    &lt;script src="path/to/flex-iframe.min.js"&gt; &lt;div id="iframe-container"&gt; var iframe = new FlexIframe({ container: '#iframe-container', url: 'https://example.com', width: '100%', height: '500px...

    flex-iframe-1.4.6

    尽管Google Code已不再接受新的项目,但许多有价值的项目,如flex-iframe-1.4.6,仍然可以在其存档中找到。 在Flex框架中,开发者通常使用ActionScript来创建富互联网应用程序(RIA)。然而,有时需要在Flex应用...

    基于js的iframe 可关闭tab标签组件使用方法

    本教程将详细讲解如何使用JavaScript实现一个可关闭的iframe内嵌tab标签组件。这个组件能够帮助用户在同一个页面中方便地切换和管理多个内容区域,而无需刷新整个页面。 首先,`iframe`是HTML5中的一个元素,它允许...

    JS页面跳转和js对iframe进行页面跳转、刷新

    在IT领域,特别是前端开发中,JavaScript(简称JS)被广泛用于实现网页的动态功能,包括页面跳转和对iframe内的页面进行跳转与刷新。本文将深入解析JS页面跳转的各种方法,以及如何利用JS操作iframe进行页面跳转和...

    前端项目-Iframe-Height-Jquery-Plugin.zip

    在前端开发中,Iframe( Inline Frame)是一种嵌入网页的元素,允许我们在一个页面上显示其他来源的网页内容。然而,Iframe的一个常见问题是高度自适应问题,即当iframe内的内容高度变化时,如果不手动调整,外层...

    使用Iframe实现TAB页面切换

    - 跨域通信:如果Iframe加载的页面不在同一域名下,需要考虑CORS(跨源资源共享)策略,确保Iframe内的页面可以正常访问。 - 安全性:防止XSS(跨站脚本攻击)和CSRF(跨站请求伪造)等安全问题,尤其是在处理敏感...

    前端项目-iframe-resizer.zip

    7. **安装与使用**:项目通常通过npm或者直接引入CDN链接进行安装,然后在父页面和`iframe`页面中分别添加相应的JavaScript代码进行初始化和接收消息。 8. **示例与文档**:`iframe-resizer-master`可能包含详细的...

    vue-friendly-iframe-一个Vue js组件,用于创建超快速加载,无阻塞的iframe。-Vue.js开发

    vue-friendly-iframe基于Aaron Peter的文章,用于创建动态异步iframe的Vue js组件:http://www.aaronpeters.nl/blog/iframe-loading- vue-friendly-iframe Vue js组件,用于基于以下内容创建动态异步iframe:亚伦·...

    iframe根据页面内容自适应高度和宽度

    - 首先,将`iframe-resizer.js`引入父页面和`iframe`内的子页面。 - 在`iframe`的HTML中添加`id`,以便于JavaScript操作。 - 在父页面的JavaScript中初始化`iframe-resizer`,如下: ```javascript window....

    dcat-iframe-tab:在dcat-admin中使用iframe作为页面架构并发布标签页使页面切换无需刷新

    使用此扩展包可以构建出一个iframe架构并带有标签页管理的后台框架。 功能 双击关闭标签页 当标签页过多时,可通过鼠标滚轮选择或者按住鼠标拖动 支持右键操作(目前支持的操作有:关闭所有标签、关闭其他标签、刷新...

    用js互相调用iframe页面内的js函数

    标题提到的问题是在各种浏览器中,尤其是考虑到跨浏览器兼容性时,如何用JS实现主页面与`iframe`页面间的函数调用。在IE、Firefox和Chrome等现代浏览器中,有一些不同的处理方式。 首先,获取`iframe`页面的引用是...

    jQuery冻结表头-嵌套iframe页面

    总的来说,"jQuery冻结表头-嵌套iframe页面"是一个涉及到JavaScript编程、CSS布局、事件处理和跨域通信的综合问题。理解和掌握这些知识点对于提升网页开发技能,特别是处理复杂UI交互的能力,是非常有价值的。

    iframe跨域常用问题和iframe页面自适应

    本篇文章将深入探讨两个关键知识点:`iframe`跨域问题以及`iframe`页面的自适应。 一、`iframe`跨域问题 跨域是Web开发中的一个重要概念,它限制了浏览器从一个源获取另一个源的资源,以保护用户的安全。当`iframe...

Global site tag (gtag.js) - Google Analytics