BOM & DOM 编程

一、BOM

1、BOM对象    浏览器对象模型

2、window对象的alert confirm prompt    弹出框

 3、定时器方法    setTimeout()| setInterval()

 4、location对象    获取地址栏中的相关信息

 5、如何访问每个查询字符串参数    提取网址中的user 和  password。

 6、网页跳转，刷新

7、navigator对象 如何检测当前浏览器上的插件

8、history对象

二、DOM

1、快速认识DOM

通过 HTML DOM，JavaScript 能够访问和改变 HTML 文档的所有元素。

HTML DOM（文档对象模型）

当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。

HTML DOM 模型被结构化为对象树：

对象的 HTML DOM 树

通过这个对象模型，JavaScript 获得创建动态 HTML 的所有力量：

• JavaScript 能改变页面中的所有 HTML 元素
• JavaScript 能改变页面中的所有 HTML 属性
• JavaScript 能改变页面中的所有 CSS 样式
• JavaScript 能删除已有的 HTML 元素和属性
• JavaScript 能添加新的 HTML 元素和属性
• JavaScript 能对页面中所有已有的 HTML 事件作出反应
• JavaScript 能在页面中创建新的 HTML 事件

2、DOM中的节点分类：

	
	


	
mjj
	
	

		

	
	
	

	

3、获取元素节点对象的常用的三种方法

	
	


	
你要买什么课程？
	
本课程是web全栈课程，期待你的购买！
	

		
JavaScript
		
css
		
DOM
	

	
	 

4、获取属性getElementsByTagName 和 设置属性getAttribute

	
	
	


	
你要买什么课程？
	
本课程是web全栈课程，期待你的购买！
	

		
JavaScript
		
css
		
DOM
	

	
	 

 5、节点对象的其它常用属性

	
	


	
我是上个兄弟
mjj
mjj2
我是下个兄弟

	

6、节点对象属性在各浏览器兼容性处理    找出标签里面的内容：

mjj

     和 找出下一个属性节点

	
	


	
我是上个兄弟
	

		
mjj
		
mjj2
	
	
我是下个兄弟

	

7、节点方法:创建 插入 删除 替换 创建文本节点

	
	
	


	


		
mjj
		
	

	
	 

8、动态操作样式   通过javascript设置标签样式，和css里面设置完全一样。

	
	
	


	
MJJ
	

9、事件 鼠标点击 onclick

10、onmouseover()和onmouseout()   鼠标悬浮 事件

11、光标聚焦和失焦事件     输入框，提示文字示例

	
	
	


	

		

			用户名：
			

		
		

			密码：
			
		
		
	
	

12、内容选中事件onselect和内容改变事件onchange、内容改变实时事件oninput

	
	


	
	请写入个人简介，字数不少于200字
	
	

13、主要事件总结