JavaScript load和unload

2024-11-07

javascript 使用 load 和 unload 事件，解决浏览器打开和关闭时需要做的操作。

最近有一个业务,就是修改一个业务需要加上锁.也就是打开浏览器时,加锁.等用户操作完毕,关掉浏览器之后在把锁打开.一开始想问题很局限.只是想着,关闭浏览器解锁,刷新页面不做操作.然后就一直在找在调用unload/beforunload事件时如何判断是否是刷新页面.结果一直无法解决.后来老大给出提示,刷新就等于重新进一次页面,也就是在加锁,在解锁一次,直接用unload就行了.后来我又掉了入了误区,以为刷新页面时调用的unload事件是本次页面的unload事件.其实不是,刷新调用的还是上一次页面的

WEB页面的生命周期,DOMContentLoaded,load,beforeunload,unload

简言理解WEB页面的生命周期,文档加载事件及顺序对WEB开发有十分的重要意义.如果不理解,在元素未加载就提前操作元素,则得不到想要的结果.而如果页面完全加载完成后,再进行操作,则又会影响用户体验. 一般来说,大多数的操作我们都应该放在DOMContentLoaded事件中执行.采用如下形式: document.addEventListener('DOMContentLoaded', function () { alert("DOMContentLoaded"); }); 当初始的 H

Atlassian JavaScript load error（配置Atlassian的时候报无法加载script文件）

等我弄好的时候,发现报错的图已经成为历史了,所以就没有截图了. Atlassian JavaScript load error We tried to load scripts but something went ... 这个问题我是通过将我的IE8(公司电脑),升级成了IE11,然后就可以加载script文件了. 即使修改IE8的配置,去执行script,也无法生效. 升级方法,不知道的自行尝试或百度. 搞定

jQuery load和unload函数使用

实例当用户点击链接离开本页时,弹出一个消息框: $(window).unload(function(){ alert("Goodbye!"); }); 亲自试一试定义和用法当用户离开页面时,会发生 unload 事件. 具体来说,当发生以下情况时,会发出 unload 事件: 点击某个离开页面的链接在地址栏中键入了新的 URL 使用前进或后退按钮关闭浏览器重新加载页面 unload() 方法将事件处理程序绑定到 unload 事件. unload() 方法只应用于 wind

jQuery之load、unload、onunload和onbeforeunload

1.load:jQuery load() 方法是简单但强大的 AJAX 方法.load() 方法从服务器加载数据,并把返回的数据放入被选元素中. 语法:$(selector).load(URL,data,callback); 必需的 URL 参数规定您希望加载的 URL. 可选的 data 参数规定与请求一同发送的查询字符串键/值对集合. 可选的 callback 参数是 load() 方法完成后所执行的函数名称. 这是示例文件("demo_test.txt")的内容: <h2&

Load and Unload

一.前言在前一段时间,我遭遇了一个现象诡异的Bug,最后原因归结为在DllMain里错误地调用了FreeLibrary(在本文最后对此Bug有详细的解释). MSDN里关于禁止在DllMain里调用LoadLibrary和FreeLibrary的解释过于含糊不清,所以我重温了一遍RussOsterlund的"Windows 2000 Loader"一文,并仔细阅读了泄漏的Win2000源代码的相关部分.按照我一贯的习惯,我的阅读过程形成了我这篇文章的主体.自从我2000年写了&quo

使用jquery的load方法设计动态加载，并解决被加载页面JavaScript失效问题

一.问题分析对于后台系统,相比大家都有所印象,知道其中的布局结构,如图: 在这种布局中我们需要将header,sidebar,footer分开,而且对于中间部分的content内容需要动态变化,即根据不同菜单定位到不同页面,而整体布局不会变化这种布局结构对于单纯的HTML不具备这种嵌入各部分内容的能力,所以就需要我们自己来寻找或者解决这种问题,由于jquery的兼容性和使用广度比较不错,这里使用jquery的load方法来处理这种页面布局框架. 二.load方法详解 1.定义 $(sele

前端知识杂烩（Javascript篇）

1. JavaScript是一门什么样的语言,它有什么特点?2.JavaScript的数据类型都有什么?3.请描述一下 cookies,sessionStorage 和 localStorage 的区别?4.webSocket如何兼容低浏览器?(阿里)5.this和它声明环境无关,而完全取决于他的执行环境6.JavaScript异步编程常用的四种方法7.在严格模式('use strict')下进行 JavaScript 开发有神马好处?8.神马是 NaN,它的类型是神马?怎么测试一个值是否等于

JavaScript事件冒泡简介及应用

一.什么是事件冒泡在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window). 打个比方说:你在地方法院要上诉一件案子,如果地方没有处理此类案件的法院,地方相关部门会帮你继续往上级法院上诉,比如从市级到省

转：JavaScript事件冒泡简介及应用

(本文转载自别处) JavaScript事件冒泡简介及应用一.什么是事件冒泡在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window). 打个比方说:你在地方法院要上诉一件案子,如果地方没有处理此类案件

【读书笔记】读《JavaScript高级程序设计-第2版》 - 非函数部分

章节列表: 第08章:BOM 第09章:客户端检测第10章:DOM 第11章:DOM2和DOM3 第12章:事件第13章:表单脚本第14章:错误处理与调试第17章:Ajax和JSON第20章:最佳实践片段串接: (function($){ /** * 第8章:BOM * window对象的核心函数 * 1>超时调用和间歇调用 * 2>核心对象: * a>location * b>navigator * c>screen * d>history */ //超时调

JavaScript的事件代理（转）

如果你想给网页添加点JavaScript的交互性,也许你已经听过JavaScript的事件代理(event delegation),并且觉得这是那些发烧友级别的JavaScript程序员才会关心的什么费解的设计模式之一.事实上,如果你已经知道怎么添加JavaScript的事件处理器(event handler),实现事件代理也是件轻而易举的事情. JavaScript事件是所有网页互动性的根基(我指的是真正的互动性,而不仅是那些CSS下拉菜单).在传统的事件处理中,你按照需要为每一个元素添加或者

【JavaScript】轻易改变的背景和字体颜色页面

JavaScript,点击button改变页面背景和字体颜色,网页有N颜色的变化button.点击不同button,网页字体和背景将被改变为不同的颜色. 非常easy的JavaScript小程序. 一.基本目标一打开网页首先提示问候信息"你好" 网页中有N个改变颜色的button,当中返回是返回网页的默认颜色,背景是白的,字体是黑的点击不同的button.网页的字体与背景就会改变成不同的颜色. 本来想做出彩虹起色的,但原理全然一样就不多写button了. 二.基本思想关键是对bo

JavaScript：事件对象Event和冒泡

本文最初发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. 绑定事件的两种方式我们在上一篇文章中已经讲过事件的概念.这里讲一下注册事件的两种方式,我们以onclick事件为例. 方式一:onclick 举例: <body> <button>点我</button> <script> var btn = document.getElementsByTagName("button&qu

学习现代 JavaScript 编程的最佳教程

天天编码 , 版权所有丨本文标题:0.0 学习现代 JavaScript 编程的最佳教程转载请保留页面地址:http://www.tiantianbianma.com/the-modern-javascript-tutorial.html/ PART 1: JavaScript 语言在此部分,我们将学习 JavaScript 语言,从零开始,一步一步,逐步掌握像面向对象编程(OOP)这样的高级功能. 此处,我们将专注于 JavaScript 语言本身,不会涉及太多关于特定运行环境的知识点.

Javascript - Jquery - 事件

事件(Event) 文档事件文档的载入事件 ready(fn) $(document).ready(function () { }); //或$(function () {}); //或$(document).ready(fn)function fn() { } //或$(document).ready(fn = function () {}); 文档的键盘鼠标事件 keyup(fn) 键盘按下并抬起时发生 $(document).keydown(function () { alert(

Javascript组成--ECMAScript，DOM，BOM

ECMAScript 部分 ECMAScript是一个标准,JS只是它的一个实现,其他实现包括ActionScript; “ECMAScript可以为不同种类的宿主环境提供核心的脚本编程能力”,即ECMAScript不与具体的宿主环境相绑定,如JS的宿主环境是浏览器,AS的宿主环境是Flash; ECMAScript描述了以下内容:语法.类型.语句.关键字.保留字.运算符.对象. 1.JavaScript中的类型转换 2.作用域.作用域链和闭包 3.函数与函数表达式 4.arguments对象

Javascript之BOM与DOM讲解

一.Javascript组成 JavaScript的实现包括以下3个部分: ECMAScript(核心) 描述了JS的语法和基本对象. 文档对象模型 (DOM) 处理网页内容的方法和接口浏览器对象模型(BOM) 与浏览器交互的方法和接口 javascript 有三部分构成,ECMAScript,DOM和BOM,根据宿主(浏览器)的不同,具体的表现形式也不尽相同,ie和其他的浏览器风格迥异,IE 扩展了 BOM,加入了 ActiveXObject 类,可以通过 JavaScript 实例化 Ac

原生javascript封装的函数

1.javascript 加载的函数 window.onload = function(){} 2.封装的id函数 function $(id) { return document.getElementById(id); } //调用 $("id") 3.封装的数组id function $arr(array) { return document.getElementsByTagName(array); } //调用 $arr("数组") 4.自定义平均值函数 fu

Javascript核心对象

JavaScript的实现包括以下3个部分: 1)核心(ECMAScript):描述了JS的语法和基本对象. 2)文档对象模型 (DOM):处理网页内容的方法和接口 3)浏览器对象模型(BOM):与浏览器交互的方法和接口 ECMAScript扩展知识: ① ECMAScript是一个标准,JS只是它的一个实现,其他实现包括ActionScript. ② “ECMAScript可以为不同种类的宿主环境提供核心的脚本编程能力……”,即ECMAScript不与具体的宿主环境相绑定,如JS的宿主环境是浏

JavaScript load和unload

热门专题