HTML DOM(文档对象模型)
当页面被加载时,浏览器会创建页面相应的文档对象模型
1. 查找元素
通过id: var x = document.getElementById('intro');
通过标签:var x = document.getElementByTagNam();
通过类名:通过类名查找在IE 5,6,7,8中无效
2. 改变html内容: document.getElementById(id).innerHTML = new Html;
改变属性值:document.getElementById(id).attribute = new Value; // document.getElementById(id).src = 'a.jpg'
改变css值:document.getElementById(id).style.property = new style; //.....style.color = 'red'
3. <h1 οnclick="this.innerHTML="谢谢""></h1>
<h1 οnclick="changeTxt()"></h1>
<script>
document.getElementByTagName(h1).onclick = function(){]
<script>
4. onload,onunload 事件会在用户进入或离开页面时被触发
5. onmouseovr,onmouseout 鼠标移至上面,鼠标移开时被触发
6. onmousedown,onmouseup 构成了鼠标点击事件,当鼠标点击下去的时候,down被触发,
当释放鼠标按钮时,触发up事件,当完成鼠标点击时,触发click事件
7. 创建对象实例,并且为该对象添加三个属性:
my_object = new Object();
my_object.name = 'belle';
my_object.age = '18';
my_object.height = '160';
或者 my_object = { name : 'belle', age: '18', height: '160'}
或者我们可以使用对象构造器来创建不同的对象实例:
function getObject( name , age, height ){
this.name = name; this.age = age; this.height = height;
}
var my_object1 = new getObject( 'xiaoming', 20, 170 );
var my_object2 = new getObject( 'xiaozhang', 10, 120 );
8. 给对象添加一个方法
function getObject( name , age, height ){
this.name = name; this.age = age; this.height = height;
this.changeName = changeName( name );
}
function changeName(name){
this.name = name;
}
这样my_object2实例对象就拥有了changeName方法;
9. 数字对象:javascript数字只有一种类型,没有浮点型、整型之分
10. new Date() 自动获取当前时间和日期作为初始值
11. cookies:
cookies是存储于计算机的一个变量,当一台计算机通过浏览器请求某个页面时,就会发送这个cookie,
可以通过javascript来创建和获取cookies的值