JavaScript

“大名鼎鼎”的脚本语言，这门语言存在的意义就是给页面添加上动态效果，所以虽然有些难用和不严谨，多使用也就习惯了。

特点：

弱类型语言：

var age = 33
age = “33 years old”

是合法的

数组：

var beatles = Array(4)//定义数组

var beatles = Array()//定义可改变数组

var beatles = [“John”,”Paul”,”George”,”Ringo”]//直接定义

关联数组(字典)

下标的值可以改变

var lennon = Array()
lennon[“name”] = “John”
lennon[“year”] = 1940
lennon[“live”] = false

类型比较

if (a===b){
 //严格比较(比较类型)
}

函数

return的随意返回性

不加括号表示一个引用加括号表示调用

对DOM文档的操作

获取对象的方法

document.getElementById(“id名称”)

通过id获取object

document.getElementByTag(“tag（如li,div）”)

通过tag获取一个object数组

document.getElementByClassName(“Classname”)

通过className获取一个object数组

获取和设置属性

对象.getAttribute(“属性名”)

获取属性值

对象.setAttribute(“属性名”,value)

更改属性值

P.S : 动态刷新页面，不更改源网页代码

this方法

this代表当前节点

Node操作函数

node.nodeValue

展示这个节点的节点值

node.childNodes

这个节点的子节点

node.parentNodes

这个节点的父节点

PS:文本属性是一个节点的子节点

node.nodeTypes

这个节点的属性

PS：

元素节点：1

属性节点：2

文本节点：3

为HTML元素添加上行为

使用node.event = action(aciton不带括号)来给node的事件赋值

注意：在进行这些操作的时候要把他们放在window.onload 里面 (ViewDidLoad操作)

匿名函数function(){}

作用类似一个闭包

InnerHTML直接查看内部文字内容不管节点结构

node.innerHTML

可以用于读出或者写入文字内容

创建节点

使用document.createElement(“节点类型”)创建一个节点

使用document.createTextNode(“文字”)创建一个文字节点

节点插入

使用node.appendChild(节点)添加一个子节点

使用node.inertBefore(newElement,targentElement)

案例

var gallery = document.getElementById(“imagegalley”);//获取要添加在他后面的node
gallery.parentNode.inertBefore(placeholder,gallery);//从他的父节点添加node

Style是Element的一个节点

node.style是一个对象

style.color可以设置各种属性（如果是外部样式表无法获取）