前言
对课程《如何写好JavaScript》做一些笔记进行记录
JavaScript组成
- ECMAScript，描述了该语言的语法和基本对象
- 文档对象模型 (DOM)，描述处理网页内容的方法和接口
- 浏览器对象模型 (BOM) ，描述与浏览器进行交互的方法和接口。
JavaScript特点
- 是一种解释性脚本语言 (代码不进行预编译)
- 主要用来向HTML (标准通用标记语言下的一个应用)页面添加交互行为。
- 可以直接嵌入HTML页面，但写成单独的is文件有利于结构和行为的分离。
- 跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行(如Windows、Linux.Mac、Android、ios等) 。
DOM
- Element.getAttribute()
<div id="top" name="div"></div>
var t = document.getElementById( 'top');
t.getAttribute( 'name'); //div
- Element.setAttribute()
t.setAttribute('name",'top2');
- Element.hasAttribute()
t.hasAttribute('name' //true
- Element.removeAttribute()
t.removeAttribute( 'name'
//<div id="top"></div>
5.Attr节点的属性
var t = document .getElemntById( 'top ')
t.attributes[e].name
AJAX
- XMLHttpRequest对象 所有浏览器都支持XMLHttpRequest对象，它定义了用脚本操纵HTTP的APl。除了常用的GET请求，这个API还包含实现POST请求的能力，同时它能用文本或Document对象的形式返回服务器的响应 浏览器在XMLHttpRequest类上定义了它们的HTTP API，这个类的每个实例都表示一个独立的请求/响应对，并且这个对象的属性和方法允许指定请求细节和提取响应数据 具体来说，AJAX包括以下几个步骤: 1.创建AJAX对象(实例化XMLHttpRequest对象 2.发起HTTP请求 3.接收服务器传回的数据 4.更新网页数据 一个HTTP请求由4部分组成
- HTTP请求方法或动作
- 正在请求的URL
- 一个可选的请求头集合，其中可能包括身份验证信息
- 一个可选的请求主体 服务器返回的HTTP响应包含3部分
- 一个数字和文字组成的状态码，用来显示请求的成功和失败
- 一个响应头集合
- 响应主体
- 同源策略 同源策略是对JavaScript代码能够操作哪些Web内容的一条完整的安全限制。当Web页面使用多人<iframe>元素或打开其他浏览器窗口的时候，这一策略通常就会发挥作用。 所谓“同源”指的是”三个相同
- 协议相同
- 域名相同
- 端口相同 从不同Web服务器载入的文档具有不同的来源。通过同一主机的不同端口载入的文档具有不同的来源。使用http:协议载入的文档和使用https:协议载入的文档具有不同的来源，即使它们来自同一个服务器。 同源政策的目的，是为了保证用户信息的安全，防止恶意的网站窃取数据。
对象
JavaScript是面向对象编程 (Object Oriented Programming，OOP) 语言. 面对对象编程的核心思想就是是将真实世界中各种复杂的关系，抽象成一个个对象，然后由对象之间分工合作，完成对真实世界的模拟。
何为对象？对象是单个实物的抽象。 一本书、一辆汽车、一个人都可以是“对象”，一个数据库、、一张网页也可以是“对象”。世界上所有的对象都可以是“对象”。 对象是一个容器，封装了“属性”(property)和“方法(method) 属性，就是对象的状态，而方法，就是对象的行为。比如: 我们可以把一辆汽车抽象成一个对象，它的属性就是它的颜色、重量等，而方法就是它可以启动、停止等。
在Javascript中，对象是一个基本数据类型 对象是一种复合值: 它将很多值集合在一起，可通过名字访问这些值。对象也可看做一种无序的数据集合，由若干个“键值对” (key-value) 构成。
var obj = {
number : 5,
name : "bike"
}
上面代码中，大括号定义了一个对象，它被赋值给变量。这个对象内部包含一个键值对(又称为“成员”)，name是“键名” (成员的名称) ，字符串a是“键值” (成员的值)。键名与键值之间用冒号分隔。如果对象内部包含多个键值对，每个键值对之间用逗号分隔。
