8章 window和document对象 —— javaScript宝典

Dom

js是一种面向对象的语言，它把一切都看成对象，BOM就是浏览器对象模型。

   1.window对象，window对象表示整个浏览器窗口。
      frames集合--可以用window.frames[0]或者window["frameName"]来引用
         也可用top.frames[0]或者top.frames["frameName"]来引用（top对象表示最顶成的对象及window对象）
      a.窗口操作
         moveBy(dx,dy)--把浏览器移动dx,dy个像素
         moveTo(x,y)    --把浏览器的左上角移动到x,y像素的位置
         resizeBy(dw,dh)--缩小或放大浏览器的窗口
         resizeTo(x,y)    --把调整浏览器窗口的大小为x,y（不能为负数）
      b.打开新窗口
         window.open("http://www.qq.com","frameName",x,y)
         第一个参数为打开的连接
         第二个参数为在那个框架打开，可以用系统的_seft,_blank等，也可用自定的框架名，如果不填会打开新窗口
         第三个参数x为为一个用,隔开的字符串：
            left 和top为窗口左上角的坐标;height和width为窗口的大小;resizable判断窗口是否能拖动边线而调整大小默认为 no;scrollable表示是否出现滚动条,默认为no;toolbar表示是否出现工具条,默认为no;status表示是否出现状态栏,默认为 no;location表示是否现实web地址栏,默认为no。
         第四个参数为一个bool值，表示是否用新载入的页面替换当前载入的页面,一般很少用这个参数。
         例：var test = window.open("http://www.qq.com","_blank","height=100,width=100,top=0,left=0");
                  test.close();  //关闭窗口,在窗口可将其关闭
                  window.close();//在test窗口的代码里可将其关闭
        c.系统对话框
            alert(msg); //警告框
            confirm("OK?") //选者框,将返回一个bool值
            prompt(msg1,msg2); //可让用户输入信息，第二个参数为默认值。
            这些窗口都是模式化的窗口，也就是在没关闭这些窗口的时候无法对浏览器做操作。
        d.状态栏
            status和defaultStatus属性
            status可以让状态栏的文字暂时改变，defaultStatus可以在用户离开当前页面前一直改变。
        e.时间间隔和暂停
            var test  = setInterval("alert('GO')",10000)  //每隔10秒就谈出对话框GO
            clearInterval(test);      //终止它
            var test1 = setTimeout("alert('GO')",10000); //将在10秒后探出对话框GO
            clearTimeout(test1);                     //可将它取消
        f.历史
            window.history.go(-1); //后退一格
            history.back();  //back按钮
            history.forward();//forward按钮
            可用history.length察看历史中的页面数
   
   2.document对象，其实他是window对象的属性
        a.通用属性
            alinkColor  //激活的链接的颜色
            bgColor      //背景颜色
            fgColor      //文本颜色
            lastModified //最后修改页面的日期
            linkColor   //连接的颜色
            referrer      //浏览器后退一个位置的url
            title            //<title/>中的文本
            URL          //当前页面的url
            vlinkColor   //访问过的链接的颜色
        b.集合
            anchors   //所有<a name=.. ..的集合
            applets    //所有applet的集合
            embeds   //所有嵌入式对象的集合
            forms      //所有表单的集合
            images     //所有图片的集合
            links        //所有连接的集合< a href=...
        c.document.write()和document.writeln()方法
   3.location对象,他是window和document对象的属性
        a.属性
            hash  //该方法返回#号后的内容（包括#）
            host  //返回服务器的名字，如www.qq.com
            hostName  //等于qq.com
            href  //当前浏览器的完整url
            pathname      //url主机名后的部分，如www.qq.com/news/index.aspx  将放回/news/index.aspx
            port            //端口
            protocol      //url中使用的协议，http://或者ftp://
            search         //将返回?后（包括?）的内容
         b.reload()方法
            刷新当前页面，加入true参数将从服务器段重载
    4.navigator对象和screen对象
            不常用