“大名鼎鼎”的脚本语言,这门语言存在的意义就是给页面添加上动态效果,所以虽然有些难用和不严谨,多使用也就习惯了。
特点:
弱类型语言:
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可以设置各种属性(如果是外部样式表无法获取)