JS-BOM基础实例

监测浏览器在显示器中的距离（即时）

    setInterval(function(){
      var l=screenX,t=screenY,b=screen.height-(outerHeight+t),r=screen.width-(outerWidth+l);
      div1.innerHTML='浏览器距离左边的像素为'+l+'，浏览器距离上面的像素为'+t+
          '，浏览器距离下面的像素为'+b+'，浏览器距离右面的像素为'+r;
    },0)
    

使用js对不同浏览器显示不同的页面

• 已知indexOf字符串方法，如果能找到参数字符串，则返回相应位置，找不到返回-1

  	/* 要求：请让谷歌浏览器打开的页面是红色，并且页面中文字为我是谷歌
  	     请让火狐浏览器打开的页面是粉色，并且页面中文字为我是火狐
  	     请让其他浏览器打开的页面是黄色，无文字显示 */
  	      
   var nv=navigator.userAgent;
   if(nv.indexOf('Chrome')!=-1){
   	document.body.style.background='red';
   	document.body.innerHTML='我是谷歌';
   }
   else if(nv.indexOf('Firefox')!=-1){
    document.body.style.background='pink';
   	document.body.innerHTML='我是火狐';
   }
   else{
   	document.body.style.background='yellow';
   }