小强的HTML5移动开发之路（32）—— JavaScript回顾7

bom模型brower object model(对象模型)，通过浏览器内置的一些对象可以操作浏览器本身。
dom是用来操作页面的，bom是用来操作浏览器本身的。

bom是没有规范的，但是大部分浏览器都支持如下几个对象

1、window对象：表示整个窗口

（1）open方法：（名字，特性，高度宽度，工具栏，滚动条）

（2）settimeout方法：settimeout(fn, 毫秒); //第一个参数必须是一个函数名（不能加括号）

	
		<script>
			function f1(){
			//win指向了新打开的窗口 
			        var win = window.open('day05_03','wi_1',
					'width=400,height=400');
			    	settimeout(function(){
					win.close();
			 	}, 5000);		
			}
		</script>
	
	
		
	
 

（3）setinterval方法

var taskid = setinterval(fn, 毫秒); //在指定的时间间隔后执行某个函数

（4）clearinterval方法

clearinterval(taskid); //取消setinterval的任务

	
		
			#d1{
				width:80px;
				height:80px;
				background-color:blue;
				position:relative;
			}
		
		<script src="myjs.js"></script>
		<script>
			function f2(){
				var v1 = parseint($('d1').style.left);
				$('d1').style.left = v1 + 50 + 'px';
			}
			function f1(){
				var taskid = setinterval(f2, 500);
				settimeout(function(){
					clearinterval(taskid);
				},5000)
			}
		</script>
	
	
		

		
	
 

（5）alert()方法 弹出一个警告对话框

（6）confirm()方法

var flag = confirm(string); //string为提示信息、flag是返回true或false

（7）prompt方法

var info = prompt(string)

	
		<script>
			function f3(){
				var flag = confirm('你喜欢钱吗？');
				alert(flag);
			}
			function f4(){
				var info = prompt('请输入手机号');
				alert('你输入的手机号是：' + info);
			}
		</script>
	
	
		
	
 

2、document对象：代表整个文档的根 getelementbyid(id);
createelement(tagname);

write(string); 在指定的位置输出相关信息

 	
	
	
		开始输出helloword

		<script>
			for(i=0; i
');
			}
		</script>
	
 

3,location对象：封装了浏览器地址栏的相关信息
href属性：指定要加载的页面
reload方法：重新加载当前页面，相当于刷新

4,history对象：封装了浏览器已经访问过的页面的相关信息
back():后退
forward():前进
go(参数):正数前进，负数后退

5,navigator对象：封装了浏览器的相关信息，(比如：类型，版本)

	
	
	
		现在访问的浏览器的相关信息如下：

		<script>
		var info;
		//for in循环：主要用于遍历对象 
			for(propname in navigator){  //propname是任意变量
		// 将navigator对象的属性名保存到propname变量里
				info += propname + ';' +navigator[propname] + '
';
			}
			document.write(info);  //在当前页面输出
		</script>
	
 

	
	
		<script>
			function f1(){
				if((navigator.useragent).indexof('firefox')>0){
					alert("当前浏览器是firefox");
				}else if(navigator.useragent.indexof('msie')>0){
					alert("当前浏览器是ie");
				}else{
					alert("其他浏览器");
				}
			}	
		</script>
	
	
		
	
 

6,screen对象：浏览器所在的屏幕的相关信息

	
		<script>
			function f2(){
				alert(screen.width + ' ' +
				screen.height);
			}	
		</script>