• 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对象
                不常用

  • 相关阅读:
    alpha版、beta版、rc版的意思
    回车符(CR)与换行符(LF), ' '和' '的区别
    html 图像映射(一个图像多个连接)
    前端工程师需要明白的「像素」
    通过设置Ionic-Cli代理解决ionic serve跨域调试问题
    Bootstrap Table使用方法详解
    写给移动开发者的 React Native 指南
    Mac中搭建 iOS 的 React Native 环境
    Windows版本搭建安装React Native环境配置及相关问题
    javascript获取wx.config内部字段解决微信分享
  • 原文地址:https://www.cnblogs.com/tangge/p/2074891.html
Copyright © 2020-2023  润新知