js 知识总结

JS 总结

事件

1 语法： onclick = js ("函数")（"语句"）

2 事件句柄： onclick onfcus ...

3 鼠标/键盘属性： altKey （event.altKey==1 表示alt 这个建被按）event.clientX（鼠标横坐标）

DOM 处理



1 访问节点

getElementById() getElementsByTagName() getElementsByClassName("");

2 操作html

改变html内容:document.getElementById(id).innerHtml = new Html

改变html属性：（获取节点）.attribute = new value

(document.getElementById("image").src = "a.jpg":)

3 操作css

改变css样式：（获取节点）.style.property = new style

document.getElementById("p2").style.color = "bule"；

显示影藏：（获取节点）.visibility = 'hidden' (visible)

4 操作节点

增加节点 步骤

1 创建<p>

var para = doucument.createElemnt("p");

2 创建节点内容

var node = doucument.createTextNode("内容")；

3 将内容追加到节点

para.appendChild(node);

4 将新元素放入指定的位置

var elemnet = document.getElementById("div1");

element.appenChild(para);

删除节点

var parent = document.getElementById("div1");

var child = document.getElemntById("p1");

parent.removeChild(child);

Window(BOM流浪器对象模型)

1 window :window.innerHeight(Width)浏览器的高和宽

2 screen：screen.availWidth(Height) 可用屏幕宽高

3 Location: window.location("src") 刷新

4 History: window.history.back() (forward) 无刷新

5 PopuAlert: alert("警告框")； confirm("确定框") ； prompt("提示框")