BOM跟相关知识要点

//调用Man的方法，类似构造器
Man.call(this);

//创建tr标签对象
var trObj =document.createElement(“tr”);

//在一个元素中追加子元素
dataObj.appendChild(trObj);

//在一个元素中删除子元素
dataObj.removeChild(showObj);

//显示数据
var tdArray= showObj.getElementsByTagName(“td”);

//把td对象的文本赋值给nameObj
nameObj.value=tdArray[0].innerHTML;

//把dataObj的内容删除
dataObj.innerHTML="";

disable=true 不可用
disable=false 可用

//遍历显示m对象的属性名和值
let m= new Man(“张三”,30);
for(let fname in m){
console.log(fname+" "+m[fname]);
}

//鼠标进入事件
document.οnmοuseοver=function(){
imgObj.style.display=“block”;
}

//鼠标离开事件
document.οnmοuseοut=function(){
imgObj.style.display=“none”;
}

//鼠标移动事件
document.οnmοusemοve=function () {
var x= event.pageX;
var y=event.pageY;
imgObj.style.left=x+10+“px”;
imgObj.style.top=y+10+“px”;
}

//将事件绑定已知函数时，不能加（）
//加上（）表示先执行该函数，将函数返回值赋值给事件
buttonObj.οnclick=speak;

//现代事件添加，可以添加多个事件函数
obj.addEventListener(“click”,function () {
alert(“111”);
},false);

//传统事件添加，后添加的事件函数会覆盖前面绑定的事件函数
buttonObj.οnclick=function () {
alert(“1”);
}

//阻止事件传播
event.stopPropagation();

===========================================================

value :一般用于表单元素。比如、文本框，下拉框，单选框

innerHtML：标签中间的文本 比如，div、span

单选框、复选框、判断元素的选中状态：checked
列表框、下拉框，判断元素的选中状态：selected

Dom对象.querySelector（）
找到对象中第一个匹配的子元素

Dom对象.querySelectorAll（）
找到对象中，所有匹配的子元素集合

老式浏览器Table和select不支持

//停止时间
window.clearInterval(tempObj);

BOM简介===================
BOM是浏览器对象模型

BOM能做什么？
操作浏览器
提供导航对象
提供定位对象
提供跟屏幕相关对象
提供对cookie的支持

访问历史页面=================

//后退
window.history.back();

前进
window.history.forward();

参数是返回的页面数，正数为前进
window.history.go(-1);

返回历史页面的个数
window.history.length;