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("提示框")
事件
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("提示框")