web前端之js快速入门（BOM和DOM）

BOM：browser object module  浏览器对象模型

BOM 主要处理浏览器窗口和框架 。

window对象

open、close

打开（关闭）新的页面，窗口

点击关闭，关闭当前页面

定时器

通俗说就是每隔，多长时间执行一次

没隔两秒，弹一次 哈哈，有没有觉得很烦啊，点击停止就ok啦

延时器

当指定的时间到了之后，才执行，而且执行一次就ok啦

	//window对象
		//定时器方法
		// setTimeout  设置定时器
		// clearTimeout 清除定时器
		//-----------------------------------------------
		//参数1: 可以是一段string, 内容是js代码
		//参数2: 毫秒单位的时间
		//返回值: 当前开启的定时器id
		// 功能:参数2毫秒后,执行参数1代码(只执行一次).
		var id = window.setTimeout("alert('abc');", 2000);
		//------------------------------------------------
		function stop(){
			window.clearTimeout(id);
		}
		


	
  
  
  
    	
  

定时器扩展

注意，刚开始笔者没写停止函数，要疯了都，不断弹窗，而且怎么停止也关不掉，那感觉你懂得，当然不是浏览器，是编辑器，好了

前进和后退

	
  
  
  
  		06-history对象02.html
    	
    	
  

必须要有打开过，有历史记录，才可以前进和后退的，不然也没效果

这里可以先点击a链接，就可以啦

06-history对象02.html代码

 

DOM：Document object module  文档对象模型

DOM 将把整个页面规划成由节点层级构成的文档

DOM个人觉得掌握 如何获取对象和基本事件，以及元素的增删改查，基本ok了

dom对象的获取

 

事件1  

Onclick 事件点击

事件2

onblur、onfocus 焦点得到失去事件

事件3

onchange  值发生改变事件

 
  		
  		
  		
  			大专
  			本科
  		
  
    

事件4

onkeydown、up 、press

按键事件

事件5

onload

页面加载事件

事件6

onmousedown、out、over、move

鼠标按下、松开、从某元素移开、移到某一元素

事件7

onsubmit、event.preventdefault

表单提交、阻止默认事件的发生

  
  	

  		用户名:

  		
  	
  
   

事件8

event.stopPropagation

阻止事件继续传播

补充一下吧：

CRUD：元素的增删改查

    

		
    
    
    

    div区域2
    
    
    

   	 div区域3
    
	
	
    
    

    div区域4
    
	
    
    

    
    
    
    

 

好吧，其实我已经非常努力的在写了，看不懂的话，我只能说：怪我咯 ，哈哈哈，最后愿你能够早日实现你的梦想。