1.在 HTML 中,表单是由<form>元素来表示的,而在 JavaScript 中,表单对应的则是 HTMLFormElement 类型. HTMLFormElement 继承了 HTMLElement,因而与其他 HTML 元素具有相同的默认属性. 2.HTMLFormElement的独特属性和方法: acceptCharset:服务器能够处理的字符集:等价于 HTML 中的 accept-charset 特性. action:接受请求的 URL:等价于 HTML 中的 action 特…

javascript高级程序设计阅读笔记(一) 工作之余开发些web应用作为兴趣,在交互方面需要掌握javascript和css.HTML5等技术,因此读书笔记是必要的. javascript简介 JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能. 文档对象模型 DOM doc…

[本博客为原创:http://www.cnblogs.com/HeavenBin/] 前言: 大致花费了一个星期的时间把这本书认真看了半本,下面是我做的阅读笔记,希望能够让看这本书的人有个大致的参考.目前可能写得较乱不够全面,后续我会整理添加.(2017-7-17) 第一章 JavaScript简介 第二章 HTML中使用JavaScript 第三章  基本概念 3.1.语法 区分大小写 标识符(建议用驼峰大小写myCar) 注释// /**/ 严格模式(use strict) 语句 建议var…

第十六章 1.  跨文档消息传送: postMessage("消息", "发送消息的文档所在域") 2.  拖放事件: 1)   拖动某元素会依次触发:dragstart.drag.dragend 2)   当某个元素被拖动到一个有效的放置目标上时,会依次发生:dragenter. dragover.dragleave 或 drop 3)   自定义放置目标:重写dragenter.dragover 4)   dataTransfer(在拖放操作时实现数据交换):…

内容---理解基本类型和引用类型的值---理解执行环境---理解垃圾收集 --JavaScript变量松散类型的本质--决定了它只是在特定时间用于保存特定值的一个名字而已--变量的值及其数据类型可以在脚本的生命周期内改变 基本类型和引用类型的值--ECMAScript变量可能包含两种不同数据类型的值---基本类型值和引用类型值----基本类型值指简单的数据段(undefined.null.Boolean.Number.String)----引用类型值值那些可能由多个值构成的对象(Object.A…

鼠标事件 事件种类 鼠标事件指与鼠标相关的事件,主要有以下一些. (1)click事件 click事件当用户在Element节点.document节点.window对象上,单击鼠标(或者按下回车键)时触发.“鼠标单击”定义为,用户在同一个位置完成一次mousedown动作和mouseup动作.它们的触发顺序是:mousedown首先触发,mouseup接着触发,click最后触发. 下面是一个设置click事件监听函数的例子. div.addEventListener("click",…

第一章 JavaScript简介1.JavaScript组成(核心(ECMAScript),文档对象模型(DOM),浏览器对象模型(BOM))2.文档对象模型(DOM),提供访问和操作网页内容的方法和接口 DOM级别 DOM1->映射文档结构 DOM2->扩充鼠标,用户界面时间.范围.遍历 ->DOM视图,DOM事件,DOM样式(CSS接口),DOM遍历和范围(遍历文档树接口) DOM3->DOM加载和保存模块,DOM验证模块3.浏览器对象模型(BOM),提供与浏览器交互的方法和接…

变量.作用域和内存问题 执行环境共有两种类型——全局和局部 作用域链会加长,有两种情况:try-catch语句的catch块,with语句. javascript没有块级作用域,即在if,for循环中的变量,在块结束后,并不会被销毁. 最好能手工断开原生javascript对象与DOM元素之间的连接. Object类型 创建Object实例有两种方式:new 操作符后跟Object构造函数即new Object(),对象字面量表示法即用{}表示. 可使作方括号表示法来访问对象的属性,将要访问的属…

第二章 在HTML中使用JavaScript 要想把JavaScript放到网页中,就必须涉及到Web的核心语言HTML.向HTML页面中插入JavaScript的主要方法,就是使用<script>元素.下面我来归纳一下<script>标签比较重要的属性. async属性(定义为异步脚本的属性):浏览器执行到这里时,在下载js脚本的同时会继续往下解析页面,比如下载其他资源资源,解析html或等待其他待加载的脚本等(异步执行js脚本).当js脚本下载完了,才会暂停页面解析,立即执行j…

5章 引用类型 1.object类型 创建 1.var obj ={} ---对象字面量 2.var obj = new Object(); ---new操作符 2.Array类型 创建 1.var arr = new Array(); 2.var arr = []; 检测数组 instanceof Array.isArray() 转换方法 所有对象都具有 toLocaleString() . toString() 和 valueOf() 方法 join() ----数组转为字符串 栈方法.队列…

**********************  Chapter 6  ********************** 属性: 数据属性: Configurable: 能否通过delete 删除属性,默认true Enumerable: 能否通过 for-in 循环返回属性,默认true Writeble: 能否修改属性的值 Value:属性的数据值 使用 Object.defineProperty(obj,'prop',{}) 来定义属性,这种方式的默认值都是 false ,不建议 IE8 中使用…

第五章:引用类型 Object类型 创建object实例的两种方式: 1.new方式 var person = new Object(); person.name = "haozk"; person.age = 24; 2.对象字面量表示法 var person = { name:"haozk", age:24 } 也能够将属性用字符串包围: var person = { "name":"haozk", "age&q…

第6章  面向对象的程序设计 6.2 创建对象 创建某个类的实例,必须使用new操作符调用构造函数会经历以下四个步骤: 创建一个新对象: 将构造函数的作用域赋给新对象: 执行构造函数中的代码: 返回新对象. 构造函数的问题:每个方法都要在每个实例上重新创建一遍: 理解原型对象: 无论何时,只要创建了一个新函数,就会根据一组特定的规则为该函数创建一个prototype属性,这个属性指向函数的原型对象.默认情况下,所有原型对象都会自动获得一个constructor属性,这个属性包含一个指向proto…

4.1 基本类型和引用类型的值 JavaScript变量是松散类型的,它只是保存特定值的一个名字而已. ECMAScript变量包含两种数据类型的值:基本类型值和引用类型值.基本类型值指的是简单的数据段,而引用类型值指那些由多个值构成的对象. 在将一个值赋给变量时,解析器必须确定这个值是基本类型值还是引用类型值.基本数据类型是按值访问的,因为可以操作保存在变量中的实际的值:而引用类型的值是保存在内存中的对象,JavaScript不允许直接访问内存中的位置,所以在操作对象时,实际上是在操作对象的引…

第一章 JavaScript简介 1.1 JavaScript简史 略 1.2 JavaScript实现 虽然 JavaScript 和 ECMAScript 通常都被人们用来表达相同的含义,但 JavaScript 的含义却比 ECMA-262 中规定的要多得多.一个完整的 JavaScript 实现应该由下列三个不同的部分组成:  核心(ECMAScript) 文档对象模型(DOM)  浏览器对象模型(BOM) 1.3 JavaScript版本 略 第二章 在HTML中使用JavaSc…

5.1 Object 类型 对象是引用类型的实例.引用类型是一种数据结构,用于将数据和功能组织在一起. 新对象是使用new操作符后跟一个构造函数来创建的.构造函数本身就是一个函数,只不过该函数是出于创建新对象的目的而定义的.示例1: var person = new Object(); 分析:这行代码创建了Object引用类型的一个新实例,然后把该实例保存在了变量person中.使用的构造函数是Object,它为新对象定义了默认的属性和方法. Object类型是ECMAScript中使用最多的类…

第十章,DOM DOM是语言中立的API,用于访问和操作HTML 和XML 文档.DOM1 级将HTML 和XML 文档形象地看作一个层次化的节点树,可以使用JavaScript 来操作这个节点树,进而改变底层文档的外观和结构. 1.DOM由各种节点构成,基本节点类型Node,所有其他类型都继承自Node类型 2.Document 类型表示整个文档,是一组分层节点的根节点 3.Element 节点表示文档中的所有HTML 或XML 元素 4.另外还有一些节点类型,分别表示文本内容.注释.文档类型…

第六章——面向对象的程序设计 这一章主要讲述了:面向对象的语言由于没有类/接口情况下工作的几种模式以及面向对象语言的继承: 模式:工厂模式,构造函数模式,原型模式 继承:原型式继承,寄生式继承,以及寄生组合式继承…

chapter 2 在html中使用JavaScript chapter 3 基本概念 EMCAscript 语法 变量,函数名和操作符都区分大小写. 使用var定义的变量将成为定义该变量的作用域中的局部变量: 省略var定义变量 就成了全局变量: 数据类型: Undefined 变量定义后未初始化:只有一个值undefined Null 只有一个值null: Boolean 值为true 或 false Number String Object Number 类型: NaN类型,即非数值(No…

一.基本用法 1.要使用<canvas>元素,必须先设置其 width 和 height 属性,指定可以绘图的区域大小.能通过 CSS 为该元素添加样式,如果不添加任何样式或者不绘制任何图形,在页面中是看不到该元素的. 2.要在这块画布(canvas)上绘图,需要取得绘图上下文.而取得绘图上下文对象的引用,需要调用getContext()方法并传入上下文的名字.在使用<canvas>元素之前,首先要检测 getContext()方法是否存在,这一步非常重要.检测可以用如下方法进行:…

第2章 1.<script src='script.js' type='text/javascript'></script>中,只要不包含defer和async属性,浏览器都会按照<script>元素在页面的出现顺序对它们依次进行解析. 2.defer属性     <script>中的defer属性的用途是表明脚本在执行时不会影响页面的构造,即,脚本会被延迟到整个页面都解析完毕后在运行.所以设置了defer属性就是相当于告诉浏览器立即下载但延迟执行. def…

虽然Object构造函数或者对象字面量都可以用来创建单个对象,但是缺点非常明显:使用同一接口创建很多对象,会产生大量重复代码. 工厂模式  1 function CreatePerson(name,age,job){ 2         var o=new Object(); 3         o.name=name; 4         o.age=age; 5         o.job=job; 6         o.sayName=function(){ 7            …

第10章 DOM 10.1  节点层次 每个节点都有一个nodeType属性,用于表明节点的类型.任何节点类型必是下面中的一个: Node.Element_NODE(1); NODE.ATTRIBUTE_NODE(2); Node.TEXT_NODE(3); Node.CDATA_SECTION_NODE(4); Node.ENTITY_REFERENCE_NODE(5); Node.ENTITY_NODE(6); Node.PROCESSING_INSTRUCTION_NODE(7); Nod…

第3章 基本概念 3.4 数据类型 5种简单数据类型:undefined.boolean.number.null.string. typeof操作符,能返回下列某个字符串:“undefined”.“boolean”.“number”.“string”.“object”.“function” typeof null = "object" 对未初始化和未声明的变量执行typeof操作都返回“undefined”,如下所示 var message; //未初始化 //var age; //未…

12章——DOM2与DOM3 为了增强D0M1,DOM级规范定义了一些模块. DOM2核心:为不同的DOM类型引入了一些与XML命名空间有关的方法,还定义了以编程方式创建Document实例的方法: DOM2级样式:针对操作元素的样式而开发: 其特性总结: 1.每个元素都有一个关联的style对象,可用来确定和修改行内样式: 2.要确定某个元素的计算样式,可使用getComgetComputedStyle()方法: 3.IE 不支持getComputedStyle()方法,但为所有元素都提供了能…

虽然DOM 为与XML 及HTML 文档交互制定了一系列核心API,但仍然有几个规范对标准的DOM进行了扩展.这些扩展中有很多原来是浏览器专有的,但后来成为了事实标准,于是其他浏览器也都提供了相同的实现.…

第八章,浏览器对象模型 主要介绍了window的几个对象以及框架,窗口的关系,各个浏览器对象的属性以及方法:…

此张内容的难点在于闭包.而闭包又涉及到原型,原型链,执行上下环境,this的取值等知识点.(此章节对于闭包的内容篇幅较少,且写的很是艰涩难懂,推荐一位大牛的博客,对于闭包的前因后果以及作用机制写的很明了易懂) 大牛博客:https://www.cnblogs.com/wangfupeng1988/p/4001284.html 在各种渠道学习的过程中,发现很多时候对于有一些基础的定义以及基本概念都不是很熟,所以使用思维导图归纳知识点是我能想到的从头到尾梳理那些知识点的方法,所以内容大都摘录自书本,…

…

…