`

当页面离开时,判断页面的内容是否修改

 
阅读更多

 

 

当页面离开时,判断页面的内容是否修改,如果修改,则提示是否保存,否则直接离开。

 

 

<!DOCTYPE html public "-//w3c//dtd html 4.0 transitional//EN">
<html>
 <head>
  <title> new document </title>
    <meta http-equiv="Content-Type" content="text/html;charset=GBK">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-store">
    <meta http-equiv="expires" content="0">    
    <script language="javascript"src="jquery.js"></script>
<script language="javascript" src="jquery_validate/jquery.metadata.js"></script>
<script language="javascript" src="jquery_validate/jquery.validate.js"></script>
 </head>
  <script language="JavaScript">
//绑定beforeunload事件
window.onbeforeunload=function(){ 
    var b=$("#aaaa").val();
    var f="";
    if(b!=""){
        f="数据没有保存";
        return f;
    }else{ 
        
    }
} 

</script>
 <body   >
    <h1>bbbbbbbbbbbbbbbbbbb
    </h1>


<form method=post action="">
    
<input type="text" name="" id="aaaa" >


</form>

<a href="Noname1.html">Noname1.html</a>

 </body>
</html>

 

分享到:
评论

相关推荐

    页面离开时检查表单是否改变

    "页面离开时检查表单是否改变"这一功能就是为了解决这个问题而设计的。这个功能主要依赖于JavaScript(JS)和jQuery库,它们提供了强大的事件处理和DOM操作能力。 JavaScript是一种轻量级的脚本语言,广泛应用于...

    离开页面时检测表单元素是否被修改,提示保存的js代码

    当用户在表单上进行编辑后试图离开页面时,系统会弹出一个提示,询问他们是否确认离开,这样可以防止用户错失保存修改的机会。 首先,我们需要理解JavaScript的`window.onbeforeunload`事件。这是一个在浏览器窗口...

    vue实现表单未编辑或未保存离开弹窗提示功能

    本文将详细探讨如何利用Vue.js实现一个表单在用户未进行编辑或保存操作的情况下,当用户尝试离开当前页面时,如何通过弹窗提示来阻止用户丢失未保存的数据。 ### Vue.js简介 Vue.js(通常称为Vue)是一个轻量级的...

    离开当前页面前使用js判断条件提示是否要离开页面

    在Web开发中,有时需要在用户尝试离开当前页面时给出提示,以防止用户不小心关闭页面导致正在编辑的内容丢失或其他重要操作中断。为了实现这一功能,我们可以利用JavaScript中的window对象的onbeforeunload事件。当...

    javascript页面关闭事件

    在这个例子中,如果用户对文档进行了修改但没有保存,那么当他们试图离开页面时,会看到一个确认对话框。 #### 八、总结 `onbeforeunload`事件是一个非常有用的工具,可以帮助开发者在用户离开页面之前执行必要的...

    h5单页面上拉刷新下拉加载

    在H5应用中,上拉刷新和下拉加载是提高用户体验的重要功能,尤其在移动设备上,用户可以方便地查看更多的内容而无需离开当前页面。本项目主要关注于实现这样的功能,结合了JavaScript和CSS技术,同时应用了tab选项卡...

    500多个html网页格式的各种源代码

    1.15 判断页面是否添加了W3C声明.htm 1.16 屏蔽网页中的脚本.htm 1.17 以频道模式打开页面.htm 1.18 自动识别网页类型.htm 1.19 在网页中动态添加Script脚本.htm 1.20 用JavaScript随机修改页面的标题.htm ...

    vue如何在用户要关闭当前网页时弹出提示的实现

    本文介绍了vue如何在用户要关闭当前网页时弹出提示的实现,分享给大家,具体如下: 效果如下图 正常 js 页面处理方式 [removed] = function (e) { e = e || window.event; // 兼容IE8和Firefox 4之前的版本 if ...

    js检测离开或刷新页面时表单数据是否更改的方法

    为了解决这个问题,前端JavaScript提供了一些方法来检测表单数据是否在用户离开或刷新页面之前发生了更改,并且在用户尝试离开或刷新时进行提示。本文将详细探讨如何使用JavaScript来实现这一功能。 首先,我们需要...

    jquery特效DIV层跟随页面向下滚动

    4. **样式更改**: 当条件满足时,即用户滚动到div元素可能离开视口的位置,使用`.css()`方法来改变div的定位属性,例如设置`position: fixed`,`top: 0`,使其固定在屏幕顶部。 5. **动画效果**: jQuery的`.animate...

    js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍

    在JavaScript中,页面的重新加载是常见的操作,用于更新页面内容。这主要涉及到`location.reload()`函数的使用。当你需要刷新当前页面时,可以使用`document.location.reload()`,这将重新加载当前页面的所有资源,...

    js练习4:使用HTML5验证博客园注册页面.zip

    在这个例子中,当用户离开密码输入框时,`checkPasswordStrength`函数会被调用,根据返回的提示信息更新显示的密码强度。 此外,还可以使用JavaScript监听表单提交事件,防止未通过验证的表单数据被发送到服务器。...

    navigate-away-js:当用户使用Backbone离开未保存修改的页面时发出警告

    在这个场景中,我们关注的是一个名为"navigate-away-js"的项目,它专为Backbone.js框架设计,目的是在用户离开页面时,如果他们对页面内容进行了未保存的修改,能够提供一个警告提示。Backbone.js是一款轻量级的MVC...

    详解如何探测小程序返回到webview页面

    在开发微信小程序的过程中,有时我们需要将用户从小程序页面引导到内嵌的Webview页面,并确保当用户返回Webview时,页面能及时更新显示最新的数据。本文将深入探讨如何实现这一功能,通过实例代码和详细步骤解析如何...

    div模块层随页面滚动遇顶固定的两种方法(js&jQuery)

    关键是当浏览器屏幕滚动时,该对象div层要移除浏览器界面视区的时候,是要修改它的position属性,让它浮动在窗口的上沿显示就行了。最好的position属性是fixed,可以在IE6+和其他浏览器浮动层平滑的固定定位,由于IE...

    jQuery页面滚动导航栏悬浮置顶特效源码.zip

    当页面内容较长时,传统的固定定位导航栏可能会随着页面滚动而消失,这给用户带来不便。jQuery提供了一种解决方案,通过动态改变导航栏的位置和样式,实现页面滚动时导航栏始终保持在屏幕顶部,这种效果被称为“悬浮...

    js 页面关闭前的出现提示的实现代码.docx

    在某些应用场景下,我们可能需要判断用户是否对表单进行了修改,以便在用户尝试离开页面时给出适当的提示。可以通过监控表单元素的状态来实现这一点: ```javascript var formModified = false; function ...

    判断页面是关闭还是刷新的js代码

    根据给定的代码示例,我们可以详细解析如何利用这些事件来判断页面是否被关闭或刷新。 ```html 判断页面是关闭还是刷新 ();" onload="fload();" onbeforeunload="bfunload();"&gt; var s = "test"; function ...

Global site tag (gtag.js) - Google Analytics