js中的BOM和DOM

1.BOM(browser object model)  浏览器对象模型 
由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window
BOM缺乏标准JavaScript语法的标准化组织是ECMADOM的标准化组织是W3C,BOM最初是Netscape浏览器标准的一部分。  
BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性;  document(文档对象) event(事件对象)  location(地址对象)  history(历史记录)  navigator(浏览器对象)  screen(屏幕对象)
 
 
 
2.window对象
window对象的属性和方法在调用时 可以省略 window. 
页面加载事件 :
window.onload = function(){
                 // onload 中代码:需要等到页面的所有内容全部加载完成后 才执行 
                 // onload 只能有一个
}
所有的全局变量和全局函数都可以是window对象的属性和方法
 
window对象的方法 : 
①三个对话框 : 
alert()   弹出框
prompt("文字描述","默认值")   点击确定 返回输入的值   点击取消 返回null
confirm()   确认框  点击确定 返回true  点击取消 返回false
 
两个定时器 :
a.setInterval(function(){
  要执行的任务
},间隔时间)     //连续执行的定时器
 
clearInterval(定时器的名字)  清除定时器
 
b.setTimeout(function(){
  要执行的任务
},间隔时间)    //一次性定时器  表示延时多长时间后执行  
 
clearTimeout( 定时器名称 ) 停止 定时器 
 
 
③window.open("新窗口路径","_blank","新窗口外观")   返回弹出的子窗口,可以不写_blank,默认是就是_blank
  外观参数 : width  height  left  top
  eg:window.open("list.html","_blank","width=200,height=200");
 
④console;    最常用的就是console.log()     浏览器控制台打印
 
 
 
3.DOM (document object Model)   文档对象模型
DOM是W3C标准,DOM的最根本对象document(window.document)也就是可以说BOM包含了DOM;
它的作用是将网页转化为一个Javascript对象,从而用Javascript进行各种操作(比如增删元素等)。
在js中,操作谁就要找到谁。
找DOM对象的几种方法 :
  (以下只能用document.来查找)
  document.getElementById()   查找某个id的单个对象,获取的是一个元素
  getElementsByName()  根据name值查找  操作表单
  (以下方法可以限制范围来查找)
  getElementsByTagName()  查找某个标签  得到一个集合  使用时加下标   找到一个 也要加下标[0](),也就是类数组。
  getElementsByClassName() 根据类名查找   同上
  querySelector("css选择器")   查找单个对象  获得一个元素
  querySelectorAll("css选择器")  查找多个对象  使用时加下标
 
  document.body 找到body元素
  document.title 找到title
  document.head 找到head 
  document.documentElement  对应html元素 
  document.write() 在浏览器输出
原文地址:https://www.cnblogs.com/cqdd/p/10183090.html