读书时间《JavaScript高级程序设计》六：事件

【读书时间《JavaScript高级程序设计》六：事件】的更多相关文章

《JAVASCRIPT高级程序设计》事件委托和模拟事件

由于事件处理程序可以为现代web应用提供交互能力,因此许多开发人员不分青红皂白向页面中添加大量的处理程序:这在某些语言中不会导致问题,但是在javascript,事件处理程序数量直接关系到页面的整体运行性能.因为,首先每个函数都是对象,都会占用内存,内存中对象越多,性能就越差:其次,必须事先指定所有事件处理程序而导致的dom访问次数,会延迟整个页面的交互就绪时间. 一.事件委托对“事件处理程序过多”问题的解决方案就是事件委托.事件委托利用了冒泡事件,只指定一个事件处理程序,就可以管理某一类型的…

JavaScript高级程序设计(六)：关键字 void 和 delete 使用

一.void 1.概述:JavaScript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值. 2.语法:JavaScript void (express) 或则 JavaScript void express 3.应用场景 A.创建了一个超级链接,用户单时会提交表单. <A HREF="javascript:void(document.form.submit())">单此处提交表单</A> B.创建一个死链接:即 a href=#与 a h…

《JAVASCRIPT高级程序设计》事件处理程序和事件类型

一.事件流谈到事件,首要要理解事件流的概念:事件流是指从页面接受事件的顺序:“DOM2级事件”规定事件流包括三个阶段:事件捕获阶段.处于目标阶段和事件冒泡阶段.目前大部分的浏览器的事件流是事件冒泡,即最开始由具体的元素接收事件,然后逐级传播到不具体的节点,直到传播到windows对象:另一种事件流是事件捕获,目前使用得比较少,是指文档对象先接收到事件,然后逐级向下,一直传播到事件的实际目标. 二.事件处理程序 1.两种表示方式 <input type="button" valu…

javascript 高级程序设计六

上一节还有一个注意的地方:建议所有函数的必需参数使用命名参数,而非必须的参数使用对象来封装. 通过这几天的读书,发现了一个深入了解所学知识的一个捷径——读书.本来我在计算机这方法的所有知识一般都是从视频中摸索着学习的, 所以后来就养成了一个习惯,感觉学点东西没有视频讲解自己都有点学不下去.但是实习了以后发现没有那么一大把的时间来供我学习看视频, 幸好程序袁有生俱来的危机感使我意识到应该找到另一个学习到东西的途径,于是我就开始了阅读,当然我们阅读的时候一定要结合自己在项目中遇到的问题,带着疑问来…

读书笔记 - javascript 高级程序设计 - 第一章简介

第一章简介诞生时间 1995 最初用途客服端验证第一版标准注意是标准 1997年 Ecma-262 一个完整的js实现由三部分组成 ECMAScript DOM 文档对象模型 BOM 浏览器对象模型 ECMAScript的宿主环境 web浏览器 Node(服务器js平台) adobe flash js和as的关系他们都实现了 ECMAScript 五大主流浏览器 IE Firefox Safari Chrome Opera dom介绍它是针对xml但经过扩展用于html的…

JavaScript高级程序设计笔记事件冒泡和事件捕获

1.事件冒泡要理解事件冒泡,就得先知道事件流.事件流描述的是从页面接收事件的顺序,比如如下的代码: <body> <div> click me! </div> </body> 如果在body和div内都注册了click的事件监听,之后又点击了div区域,是body先响应还是div先响应?有意思的是,当时的浏览器开发团队IE和Netscape提出了差不多完全相反的事件流的概念.IE的事件流是事件冒泡流,而Netscape提出的事件流是事件捕获流. IE的事件…

javascript高级程序设计---拖拉事件

拖拉事件拖拉指的是,用户在某个对象上按下鼠标键不放,拖动它到另一个位置,然后释放鼠标键,将该对象放在那里. 拖拉的对象有好几种,包括Element节点.图片.链接.选中的文字等等.在HTML网页中,除了Element节点默认不可以拖拉,其他(图片.链接.选中的文字)都是可以直接拖拉的.为了让Element节点可拖拉,可以将该节点的draggable属性设为true. <div draggable="true"> 此区域可拖拉 </div> draggable属…

读书笔记-JavaScript高级程序设计（1）

1.组合继承 (JavaScript 中最常用的继承模式 ) (position: page168) (书中定义了两个变量名 SuperType SubType 乍一看感觉不太能区分,我将改为 a b ,更加明显区分开来这是两个东西.) function a(name){ this.name = name; this.colors = ["red", "blue", "green"]; } a.prototype.sayName = fu…

javascript高级程序设计---js事件思维导图

绘制思维软件与平时用的笔记,以及导出功能,这三个问题综合起来,于是我把思维导图分开画 1.js事件的基本概念 2.js事件的事件处理程序 3.js事件的事件对象…

读书笔记 - javascript 高级程序设计 - 第二章在Html中使用JavaScript

1 <script>的6个属性 async 立即下载当前script标签的外部脚本但不能影响别的 charset 没用了 defer 文档显示之后再执行脚本,只对外部脚本有效 language 没用了 src type 描述代码内容Mine类型默认就是text/javascript 没什么用 2 在解释器对<script>元素内部的所有代码求值完毕以前页面中的其余内容都不会被浏览器加载或显示 3 有两种script 嵌入式外部引入式在解析外部引入式的js文件…