【javascript学习笔记10(基于组合与动态原型创建对象)】教程文章相关的互联网学习教程文章

javaScript 原型与原型链学习笔记【代码】【图】

javaScript中,原型是常用到一种方式,它能降低内存占用,写出更高效的代码原型常用到的则是prototype属性JavaScript prototype 属性定义和用法prototype 属性允许您向对象添加属性和方法注意: Prototype 是全局属性,适用于所有的Javascript对象。这是来自菜鸟教程的解释现在,为验证prototype用法,我用如下代码进行测试 1 <script>2 Person.prototype.Lname = ‘xiaohuang‘;3 Person.prototy...

Javascript学习笔记3 Javascript与BOM简介【代码】

什么是BOMBOM是browser object model的缩写,简称浏览器对象模型BOM提供了独立于内容而与浏览器窗口进行交互的对象由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是windowBOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3CBOM最初是Netscape浏览器标准的一部分BOM结构图 BOM对象包括 window对象是BOM的顶层(核心)对象,所有对象都是...

HTML 学习笔记 JavaScript(事件)【代码】【图】

事件流:事件流: 描述的是从页面中接收事件的顺序 也可以理解为事件在页面中传播的顺序;事件: 就是用户或浏览器自身执行的某种动作 例如 click(点击) load(加载) mouseover(鼠标悬停)事件处理程序: 响应某个事件的函数就叫事件处理程序(或事件侦听器)下面所示例子注册事件的方式均使用DOM2级事件定义的事件处理程序进行注册。DOM2级事件定义可两个方法,用于处理指定和删除事件处理程序的操作:addEventListener()和removeEventLis...

javascript 高级程序设计 学习笔记01章 javascript的认知

hello world:  大家早上好 ,所谓一年之计在于春,一日之计在于晨。今天开始学习 高级程序设计第三版 第二遍 以前以迅雷不及掩耳之势草草看过一遍 ,但是什么也没记住 已经忘得差不多了。哈哈,原来我不是黄蓉,也不是天才,还是那句话 好记性不如烂笔头。这次学习高级程序设计第三版 是有目标的,有目的性的。所以我会把 每一章学习的心得和笔记 都记录在此。于己于人都方便。废话不多说 ,开始吧 今天的第一张 ,javascript 的...

JavaScript学习笔记(四)——js事件之事件绑定、兼容问题【图】

事件捕获:事件从根节点开始,逐级到子节点,若节点绑定了事件动作,则执行动作,继续往下走。事件冒泡:事件由子节点向跟节点派送,若节点绑定了事件动作,则执行动作,然后继续往上走。 一、怎么绑定事件和移除事件?由于IE浏览器不支持事件捕获,只支持事件冒泡。因此,其他遵循标准的浏览器都使用W3C定义的函数绑定和移除,IE浏览器则自有一套执行规则。下面分别总结一下W3C和IE的绑定机制:1、W3C下的事件绑定添加事件 — add...

JavaScript学习笔记——jquery中html()、text()、val()的区别

.html()用为读取和修改元素的HTML标签.text()用来读取或修改元素的纯文本内容.val()用来读取或修改表单元素的value值。这三个方法功能上的对比.html(),.text(),.val()三种方法都是用来读取选定元素的内容;只不过.html()是用来读取元素的HTML内容(包括其Html标签),.text()用来读取元素的纯文本内容,包括其后代元素,.val()是用来读取表单元素的"value"值。其中.和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上...

js-JavaScript高级程序设计学习笔记9

依然第十三章 事件1、页面上的所有元素都支持鼠标事件,除了mouseenter和mouseleave,所有鼠标事件都会冒泡。2、修改键:shift、ctrl、alt、meta。四个属性表示修改键的状态:shiftKey等。3、event对象的relatedTarget属性提供了相关元素的信息。只对mouseover和mouseout事件才包含值。4、对“事件处理程序过多”问题的解决方案就是事件委托。事件委托利用时间冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。最适合...

JavaScript高级程序设计(第三版)学习笔记13、14章【代码】【图】

第13章,事件事件冒泡IE的事件叫做事件冒泡:由具体到不具体<!DOCTYPE html><html><head> <title>Event Bubbling Example</title></head><body> <div id="myDiv">Click Me</div></body></html>如果你单击了<div>元素,那么这个click事件按如下顺序传播:<div> --> <body> --> <html> --> document事件冒泡过程:事件捕获:Netscape Communicator团队提出事件流:事件捕获:由不具体到具体依然以上面的页面为例,如果你单击...

JavaScript高级程序设计(第三版)学习笔记20、21、23章【代码】

第20章,JSONJSON(JavaScript Object Notation,JavaScript对象表示法),是JavaScript的一个严格的子集。JSON可表示一下三种类型值:简单值:字符串,数值,布尔值,null,不支持js特殊值:undefined对象:一组无序的键值对数组:一组有序的值的列表不支持变量,函数或对象实例注:JSON的字符串必须使用双引号,这是与JavaScript字符串最大的区别对象{"name":"Nicholas","age":20 }注:JSON中的对象要求给属性加引号与JavaScript...

javascript学习笔记-3【代码】

1.对于javascript中的this关键字,表示的是当前代码所处的对象。var a={get:function(){this.val=12}}console.log(a.val); a.get(); console.log(a.val); a是一个对象,注意一点,get并不是一个对象(其实也不对,javascript中万物皆为对象,但这样比较容易理解和记忆),而是a的一个属性,根据对this的定义,this所处的代码的对象正是a,所以this代表a对象。function my(){this.name=‘迪迦‘ }console.log(new my().name); 再比...

《javascript 设计模式》 第15章 观察者模式 -- 学习笔记【代码】

定义: 在事件驱动的环境中,比如浏览器这种持续寻求用户关注的环境中,观察者模式(又名发布者-订阅者 “publisher-subscriber" 模式) 是一种管理人与其任务之间的关系(确切的讲,是其对象及其行为和状态之间的关系)的得力工具。用javascript的 话来说,这种模式的实质 就是你可以程序中某个对象的状态进行观察并且在其发生改变时能够得到通知。 观察者API: var Publisher=function(){ this.subscribers=[]; }...

JavaScript学习笔记——数组

javascript数组数组是一个可以存储 一组 或是 一系列 相关数据 的 容器。一、为什么要使用数组。 (1)为了解决大量相关数据的存储和使用的问题。 (2)模拟真是的世界。二、如何创建数组 (1) 通过对象的方式来创建。 var a=new Array();   A.直接赋值   var a=new Array(元素1,元素2,元素3,元素4,........)   **********************************************   var a=new Array(数值) ...

【学习笔记】JavaScript编码规范-函数

函数表达式//匿名函数 var anonymous = function(){ return true; };//命名函数 var named = function named(){ return true; }//IIFE 函数 Immediately-Invoked Function Expression (function(){console.log('Hello!'); })(); 不要再非函数块中(if while etc)声明函数,尽管浏览器允许你分配给函数一个变量,但是不同的浏览器解析方式可能不同。 ECMA-262把块定义为一组语句,但函数不是一个语句。//good var test ; if(aaa){ ...

Javascript高级编程学习笔记(58)—— 事件(2)事件处理程序【代码】

事件处理程序事件处理程序即响应某个事件的函数事件处理程序以 “on” 开头如“onclick”,“onload” HTML事件处理程序某个元素支持的每种事件都可以使用一个与响应的事件处理程序同名的HTML特性来指定这个特性的值应该是能够执行的script代码如:<input type="button" value="click me" onclick="alert(‘clicked‘)"/>此外也可以直接调用在文档其它部分定义的函数作为事件处理程序所执行的代码如:<input type="button" value="...

JavaScript学习笔记【代码】

1. javascript是大小写敏感的,// 单行注释/**/多行注释2. 变量:var quantity ;声明变量quantity = 3;变量赋值变量命名以字母,美元符号, 下划线 开头,不能以数字开头。 且不能使用关键字和保留字作为变量名,通常采用驼峰命名法,比如 firstNameWord ,3. 数据类型:Number , String ,undefined , Boolean, null , Oblect,Array , Date,Math ,RegEx 字符串表达式:"" ‘‘ 双引号,单引号,4 ,数组:var color = [‘white‘...

学习笔记 - 相关标签
JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部