JavaScript触发文档事件和窗口事件

转载请注明出处:http://www.uphtm.com/js/128.html

浏览器窗口本身理解一些事件,包括从当载入页面的时候触发的事件,到当访问者离开页面的时候触发的事件:

·load。当Web浏览器完成下载Web页面文件的全部内容之后(HTML文件本身,加上任何链接图像、Flash电影和外部的CSS和JavaScript文件),load事件触发。Web设计师习惯上会使用这个事件来启动操作Web页面的任何程序。然而,如果有很多的图形或者其他较大的链接文件的话,载入一个Web页面及其所有的文件可能会花很长的时间。在某些情况下,这意味着在页面已经在浏览器中显示相当一段时间后,JavaScript程序都还没有运行。好在jQuery提供了load事件的一个响应性要好得多的替代。

·resize。当我们通过单击最大化按钮或者拖动浏览器的调整大小指针来调整浏览器窗口的大小的时候,浏览器会触发resize事件。当访问者改变自己浏览器窗口的大小的时候,一些设计者使用这一事件来改变页面的布局。例如,在访问者重新调整浏览器窗口的大小之后,可以查看浏览器的宽度,如果确实变宽了,可以改变设计以添加更多的内容列来填充空间。

注意:当重新调整窗口的大小的时候,Internet Explorer、Opera和Safari都触发多个resize事件,而Firefox只是在已经释放了调整大小指针之后触发resize事件。

·scroll。当拖动滚动条的时候,或者使用键盘(up/down/home/end等键)或鼠标滚轮来滚动Web页面的时候,触发scroll事件。如果页面没有一个滚动条,就不会触发scroll事件。一些程序员使用这一事件来帮助搞清楚(在页面滚动后)元素出现在屏幕的什么位置。

·unload。当单击了连接到其他页面的链接、关闭一个浏览器标签页或者关闭浏览器窗口的时候,Web浏览器都会触发unload事件。它就像是JavaScript程序的最后一次喘息,并且给我们一个机会来完成浏览器离开页面之前的最后一次操作。恶意的程序员曾经使用这个事件来使得访问者难以离开页面。每次访问者试图关闭该页面,就会出现一个新的窗口并返回该页面。但是,也可以用这个事件来做些好事情。例如,程序可以警告访问者他已经开始填写一个表单但是还没有提交,或者程序可以把表单数据发送给Web服务器以便在访问者退出页面之前保存数据。

原文:JavaScript触发文档事件和窗口事件,转载请注明出处:http://www.uphtm.com/js/128.html

时间: 2024-10-11 14:39:57

JavaScript触发文档事件和窗口事件的相关文章

document.ready和onload的区别——JavaScript文档加载完成事件

文章转自:http://blog.csdn.net/kk5595/article/details/5713209 页面加载完成有两种事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),二是onload,指示页 面包含图片等文件在内的所有元素都加载完成.(可以说:ready 在onload 前加载!!!) 我的理解: 一般样式控制的,比如图片大小控制放在onload 里面加载; 而:jS事件触发的方法,可以在ready 里面加载; 更多内容戳这里:http://blog.

JavaScript文档加载和事件绑定

为了保证网页代码层次清晰,便于管理,一般HTML中只体现网页结构,具体的行为处理通过JS实现,样式则通过CSS文件管理. 在以上原则下通过JS实现行为时,一定要注意文档加载过程中,执行JS代码的时机.页面加载过程有两个事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),二是onload,指示页 面包含图片等文件在内的所有元素都加载完成.(可以说:ready 在onload 前加载.) (1) 一些待调用函数定义,要在调用前定义. (2) 对于完善网页元素的JS,伴随文档

Javascript 在线文档

http://jquery.com/    jQuery http://jqueryui.com/  jQuery UI http://plugins.jquery.com/caret/    输入框文字选择与光标位置处理 http://www.examplet.org/jquery/caret.php  示例代码 http://requirejs.org      require.js http://angularjs.org/   Google 推出的SPA( single-page-app

JavaScript : DOM文档解析详解

JavaScript DOM  文档解析 1.节点(node):来源于网络理论,代表网络中的一个连接点.网络是由节点构成的集合 <p title=“a gentle reminder”> Don’t forget to buy this stuff.</p> 节点及其类型 元素节点: 属性节点:元素的属性,可以直接通过属性的方式来操作 文本节点:元素节点的子节点,其内容通常为文本 2.Node接口的特性和方法 现在给出一个演示的HTML文件: html <!doctype h

JavaScript 充实文档内容

JavaScript 充实文档内容 一:简介 使用JavaScript来充实文档内容.主要目的是为现有文档创建一个"缩略语列表"."文献来源链接"."快捷键清单".基本都是前面使用过的函数.没有什么要特别说明的地方. 二:效果图 三:具体内容 HTML的内容的编写可以使用Sublime Text (安装Emmet插件).或者Jetbrain的Webstorm神器.效率提高N倍.有兴趣的可以百度谷歌Emmet简介. example.html: &l

jquery获取文档高度和窗口高度

jquery获取文档高度和窗口高度,$(document).height().$(window).height() $(document).height():整个网页的文档高度 $(window).height():浏览器可视窗口的高度 $(window).scrollTop():浏览器可视窗口顶端距离网页顶端的高度(垂直偏移) 用一句话理解就是:当网页滚动条拉到最低端时,$(document).height() == $(window).height() + $(window).scrollT

[毕业设计]多文档自动摘要.面向灾害事件

我在做什么 顾名思义,多文档自动摘要,即是完成多个文档的摘要内容提取. 在这里,我们的研究对象,单指灾害事件. 设计思路 在完成多文档自动摘要前,首先要思考以下几个问题: 以什么为基本单位做内容提取? 什么才能称为重要的内容? 基本单位 对于一个文档,我们可以将它拆分为:文档本身,段落,句子,词语,字. 首先,摘要内容将会是一段可阅读的内容,因此我们不能以"词语"."字"为单位,因为很显然,他们都不能表达完整语义. 第二,一个文档完整的描述了一个事件,它包含了很多方

GameUnity 2.0 文档(一) 事件机制

新版本和旧版本一样,有socket事件和内部事件.区别在于,你只要一个监听就可以 消息协议规则: 用类名标记协议的好处是什么? 是利用反射机制来处理每个消息. 程序启动的时候,会读取所有类名,并字典保存,也就是一次反射,消息传递就不会再次反射获取类了,直接 字典中拿取.这是目前最先进的做法 大家看看一个案例 以上代码是 unity 按钮 发送的 三个 通知服务器事件. 发送规则 是: 协议头 + json内容+消息结尾符(固定的) 大家注意看消息协议头. 服务器 相关的如下: 协议定义的字符串

javascript API文档

title: JavaScript API 合集 date: 2017-03-05 22:57:30 tags: 今天在掘金上看到了这篇文章,感觉挺不错的,然后收集下来,以供以后进行查阅,再次感谢大神总结的API文档 <!--more--> 一.节点 1.1 节点属性 Node.nodeName   //返回节点名称,只读 Node.nodeType   //返回节点类型的常数值,只读 Node.nodeValue //返回Text或Comment节点的文本值,只读 Node.textCont