JavaScript学习笔记——BOM_window对象

javascript浏览器对象模型-windwo对象

BOM Browser Object Model
window对象 是BOM中所有对象的核心。

一、属性

1.(位置类型-获得浏览器的位置)
　　IE:
　　window.screenLeft
　　可以获得浏览器距屏幕左上角的左边距
　　window.screenTop
　　可以获得浏览器距屏幕左上角的上边距

//IE
   //左边距
   //alert(screenLeft)
   //上边距
   //alert(screenTop)

　　FF:
　　alert(screenX)
　　alert(screenY)

//FF
  //左边距
  // alert(screenX)
  //上边距
  // alert(screenY)

　　(获得浏览器的尺寸)

　　FF:window.innerWidth 获得窗口的宽度
　　window.innerHeight 获得窗口的高度

//获取浏览器的尺寸

    //FF:
      //alert(window.innerWidth);
      //alert(window.innerHeight);

    //IE和FF通用:
        alert(document.documentElement.clientWidth)
        alert(document.documentElement.clientHeight)        

 

2.关系类型

　　A.parent返回父窗口
　　B.top 返回顶层窗口

　　C.self===window 相当于window

3.stutas 设置窗口状态栏的文本

    window.status="自定义的状态栏文字"

二、方法

1.窗体控制
　　A.对窗体的移动

　　window.moveBy(x,y) 相对于当前位置沿着X\Y轴移动指定的像素，如负数是反方向
　　moveTo(x,y) 相对于浏览器的左上角沿着X\Y轴移动到指定的像素，如负数是反方向

     //位置
     moveBy(100,100);
      //moveTo(200,200)

　　B.窗体尺寸的改变

　　resizeBy(x,y) 相对于当前窗体的大小，调整宽度和高度
　　resizeTo(x,y) 把窗体调整为指定宽度和高度

      //尺寸
       window.resizeBy(100,100)
       resizeTo(400,400)

2.对窗体滚动条的控制

　　scrollBy(x,y) 相对于当前滚动条的位置移动的像素(前提有滚动条)
　　scrollTo(x,y) 相对于当前窗口的高度或宽度，移动到指定的像素

     //scrollBy(0,100)
    //scrollTo(0,200)

3.时间间隔的函数

　　setInterval("函数或者代码串",指定的时间(毫秒)) 按照指定的周期(毫秒)不断的执行函 数或是代码串

// setInterval("函数或者代码串",指定的时间(毫秒))  按照指定的周期(毫秒)不断的执行函  数或是代码串

//第一种调用方式
 // setInterval("alert('后盾网')",1000);\
//  var i=0
// setInterval(changes,1000)
// function changes () {
//  alert(i)
//  i++
// }

//第二种调用方式
//var a=0;
//setInterval(function  () {
//  alert(a);
//  a++
//},1000)

//第三种调用方式
 //var i=0;
// setInterval("changes(0)",1000)
// function changes (i) {
//  alert(i)
//  i++
// }

　　clearInterval()

//停止调用
 
  window.onload=function  () {
    var t=setInterval('alert("后盾网")',5000)
   var aa=document.getElementById("stop");
   aa.onclick=function  () {
    clearInterval(t)
   }
  }

  <input type="button" value="停止" id="stop">

　　setTimeout("函数或者代码串",指定的时间(毫秒)) 在指定的毫秒数后只执行一次函数或代码。

　　clearTimeout()

window.onload=function  () {
    var aa =setTimeout("alert('bbs.houdunwang.com')",5000)
   var bb=document.getElementById("stop");
   bb.onclick=function  () {
    clearTimeout(aa)
   }
  }

 

4.打开新的窗口

　　open(url,name,feafurse,replace) 通过脚本打开新的窗口

    window.onload=function  () {
    var names=document.getElementById("names");
      var but=document.getElementById("but");
      but.onclick=function  () {
      open("26.1.html","windows","status=0,menubar=0,toolbar=0")
      }

    }