水击三千 - 博客园

2018年2月23日

浅谈JavaScript的Canvas(绘制图形)

摘要: HTML5中新增加的一个元素canvas,要使用canvas元素,浏览器必须支持html5。通过canvas标签来创建元素,并需要为canvas指定宽度和高度,也就是绘图区域的大小。 <canvas id="mycanvas" style="width:500px;height:500px;"></阅读全文

posted @ 2018-02-23 15:28 水击三千 阅读(23) 评论(0) 编辑

浅谈JavaScript的事件(事件模拟)

摘要: 事件经常由操作或者通过浏览器功能触发,通过JavaScript也可以触发元素的事件。通过JavaScript触发事件,也称为事件的模拟。 DOM中事件模拟 可以document的createEvent方法创建event对象。这个方法接收一个参数,即表示要创建的事件类型的字符串。在DOM2级中,所有这阅读全文

posted @ 2018-02-23 11:56 水击三千 阅读(338) 评论(0) 编辑

浅谈JavaScript的事件(事件委托)

摘要: 事件处理程序为Web程序提供了系统交互,但是如果页面中的事件处理程序太多,则会影响页面的性能。每个函数都是对象,都会占用内存,内存中对象越多,性能越差。需要事先为DOM对象指定事件处理程序,导致访问DOM的次数增多,会延迟整个页面的交互就绪时间。 事件委托 对事件处理程序过多的解决方案是使用事件委托阅读全文

posted @ 2018-02-23 09:29 水击三千 阅读(14) 评论(0) 编辑

2018年2月12日

浅谈JavaScript的事件(事件类型)

摘要: Web浏览器能够发生的事件有很多种类型,不同的事件类型有不同的事件信息。DOM3级的事件类型主要包括:UI事件,用户与页面上的元素交互时触发;焦点事件,元素获得或失去焦点触发;鼠标事件,用户通过鼠标在页面上执行操作时触发;滚轮事件,使用鼠标滚轮时触发;文本事件,当在文档中输入文本时触发;键盘事件,用阅读全文

posted @ 2018-02-12 14:29 水击三千 阅读(204) 评论(4) 编辑

2018年2月11日

浅谈JavaScript的事件(事件对象)

摘要: 在触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含这所有与事件有关的信息。包括导致事件的元素、事件的类型和事件的相关信息。例如鼠标操作的事件中,会包含鼠标的位置信息。而键盘触发的事件会包含与按下的键有关信息。所有浏览器都支持event对象,但支持方式不同。 DOM中的事件对象 阅读全文

posted @ 2018-02-11 11:51 水击三千 阅读(16) 评论(0) 编辑

浅谈JavaScript的事件(事件处理程序)

摘要: 事件就是用户或者浏览器自身执行的某种动作。诸如click、load和mouseover,都是事件的名字。而响应某个事件的函数就叫事件处理程序。事件处理程序的名字以“on”开头,比如click事件的事件处理程序是onclick。为事件指定事件处理程序的方式有多种方式。 HTML事件处理程序 元素支持的阅读全文

posted @ 2018-02-11 09:49 水击三千 阅读(168) 评论(0) 编辑

2018年2月9日

浅谈JavaScript的事件(事件流)

摘要: 事件流描述的是从页面中接收事件的顺序。IE的事件流失事件冒泡,而Netspace的事件流失事件捕获。 事件冒泡 IE的事件流叫事件冒泡,即事件开始时,由具体的元素(文档中嵌套层次最深的节点)接收,然后向上传播到不具体的节点。 上面的代码中,如果单击了div,则事件会按照div、body、html的顺阅读全文

posted @ 2018-02-09 16:19 水击三千 阅读(11) 评论(0) 编辑

浅谈JavaScript的函数表达式(闭包)

摘要: 前文已经简单的介绍了函数的闭包。函数的闭包就是有权访问另一个函数作用域的函数,也就是函数内部又定义了一个函数。 上面的代码定义了一个函数Super,同时在Super函数内部又定义了一个匿名函数作为返回值。第七行调用Super函数,此时result是一个函数。第8行执行了result函数,输出为3。这阅读全文

posted @ 2018-02-09 16:19 水击三千 阅读(8) 评论(0) 编辑

2018年1月30日

浅谈JavaScript的函数表达式(递归)

摘要: 递归函数,在前面的博客中已经简单的介绍了。递归函数是一个通过函数名称在函数内部调用自身的函数。如下: 上面的代码,在第一行声明了一个fac函数,同时在6行调用了fac函数本身。这是一个求阶乘的递归函数。 上面的代码,在第一行声明了一个变量anthorfacc,并指向fac。第2行将fac设置null阅读全文

posted @ 2018-01-30 17:21 水击三千 阅读(9) 评论(0) 编辑

2018年1月12日

浅谈JavaScript的面向对象程序设计(四)

摘要: 本文继续讲解JavaScript的面向对象程序设计。继承是面向对象语言中的一个基本概念,面向对象语言支持两种继承实现方式:接口继承和实现继承。接口继承只继承方法签名,而实现继承则继承实际的方法。但是在JavaScript中函数时没有签名的,所以无法实现接口继承。JavaScript支持实现继承,而且阅读全文

posted @ 2018-01-12 19:34 水击三千 阅读(160) 评论(0) 编辑

导航

公告