• javascript知识点之DOM与window对象


       在学习javascript过程中只是一知半解好多,碰到自己不知道属性方法,到最后都不知道自己学到了什么 js代码为什么这样写 为什么你知道这方法或属性可以这样用。

     

                                                                             DOM和window对象

    DOM基本操作

      获得节点:

        document:通过元素ID获取节点,标签,name属性

        节点指针:获取元素首个子节点,最后一个,子节点列表,兄弟节点的前一个后一个,节点的父节点

      节点操作:

        创建节点:创建元素节点,属性节点,文本节点

        插入节点:节点的子节点添加新的子节点  已有节点前插入新子节点

        替换节点:将某个子节点替换另一个

        复制节点:创建指定节点的副本

        删除节点:删除指定的节点

      属性操作:

        获取属性:获取元素节点指定属性的属性值

        设置属性:创建或改变元素节点的属性

        删除属性:删除元素中指定属性

      文本操作:

        insertData(offset,String):     从offset指定的位置插入string

        appendData(string):            将string插入到文本节点的末尾处

        deleteDate(offset,count):      从offset起删除count个字符

        replaceData(off,count,string): 从off经count个字符用string替代

        splitData(offset):             从offset起将文本节点分成两个节点

        substring(offset,count):       回由offset起的count个节点

     ----------------------------------------------------------------------------------------------------------------------------------------------------

    window对象

      navigator导航器对象:

        appCodeName:     返回浏览器代码名

        appName:         返回浏览器名称

        appVersion:      返回浏览器的平台和版本信息

        cookieEnabled:   返回浏览器是否启用cookie的布尔值

        platform:        返回运行浏览器的操作系统平台

        userAgent:       返回有客户机发送服务器的user-agent头部的值

      screen显示器对象:

        availHeight: 返回显示荧屏可用高度

        availWidth:  返回显示荧屏可用宽度

        height:      返回屏幕的像素高度

               返回屏幕的像素宽度

        colorDepth:  返回屏幕颜色的位数

      history历史对象

        back():       返回前一个URL

        forward():    返回后一个URL

        go():         返回某个具体页面

      location位置对象

        属性:

             hash:      返回或设置从井号(#)开始的URL

             host:      返回或设置主机名和当前URL的端口号

             hostname:          当前URL的主机名

             href:              完整URL

             pathname:          当前URL的路径部分

             port:              当前URL的端口号

             protocol:                   协议

             search:            从问号(?)开始的URL

        方法:

             assign(URL):    加载新的文档

             reload():       重新加载当前页面

             replace(newURL):用新文档替换当前文档

      document文档对象

        集合:

          anchors[] imgaes,links,forms

          描点对象数组,图片,连接,表单

        属性:

          cookie:     设置或返回当前文档有关的所有cookie

          domain:     返回当前文档的域名

          referrer:   返回载入当前文档的文档URL

          title:       返回当前文档标题

          URL:                     URL

        方法:

          open():     打开一个新的文档,并擦除文档旧内容

          close():    关闭文档输入流

          write():    当前文档追加写入文本

          writenln(): 与write()相同,在<pre>中追加换行

      窗口控制:()

        moveBy:   moveBy(x,y)按照给定像素参数移动指定窗口

        moveTo:   moveTo(x,y)窗口移动的指定的坐标(x,y)处

        resizeBy: resizeBy(水平,垂直)当前窗口改变指定大小

        resizeTo: resizeTo(水平宽度,垂直宽度)

        scrollBy: scrollBy(水平位移量,垂直位移量)参数正滚动负先滚动

        scrollTo: 窗口内容滚动到指定位置

      焦点控制:

        focus:得到焦点

        blur:失去焦点

      打开关闭窗口:

        open:

          open("URL","窗口名称","窗口风格")

          打开新的窗口并在窗口中装载指定URL地址网页

          窗口风格:

             height: 窗口高度    不能小于100

                   宽度    不能小于100

             left:       左坐标  不能为负值

             top:        右      不能为负值

             location:   yes/no  是否显示地址

             menubar:    yes/no  是否显示菜单栏

             resizable:  yes/no  是否改变窗口大小

             scrollbars: yes/no  是否允许出现滚动条

             status:     yes/no  是否显示状态栏

             toolbar     yes/no  是否工具栏

        close:

          close():指定关闭浏览器窗口

      定时器:

        setTimeout:   当前指定的毫秒数后,自动执行能代码

        clearTimeout: 取消由setTimeout()设置的定时器

        setInterval:  指定周期重复执行的功能代码

        clearInterval:取消setInterval()设置的时间间隔器

      对话框:

        alert:   警告框

        confirm: 确认框 确定返回true 取消返回false

        prompt:  输入框 确定返回输入字符串 取消返回null值

      属性:

       状态栏:

         defaultStatus  改变浏览器状态栏的默认显示

         status         临时 改变浏览器状态栏的显示

       窗口位置:

           IE:

           screenLeft 声明窗口左上角的X坐标

           screenTop  声明窗口左上角的y坐标

                      document.body.scrollLeft 声明当前文档先右滚动

           document.documentElement.scrollLeft  过的像素数

                      document.body.scrollTop  声明当前文档先下滚动

           document.documentElement.scrollTop  过的像素数

         !IE:

           screenX 声明窗口左上角的X坐标

           screenY  声明窗口左上角的y坐标

           pageXOffset 声明当前文档向右滚动过的像素数

           pageYOffset 声明当前文档向下滚动过的像素数

         FF:

           innerHeight 返回窗口的文档显示区的高度

           innerWidth                        宽度

           outerHeight  返回窗口的外部高度

           outerWidth                 宽度

       其他属性:

         opener: 可以实现同域名下跨窗体之间的通讯一个窗体到另一个窗体的opener

         closed: 当前窗口关闭返回true

         name:   返回或设置窗口名称

         self:   返回当前窗口的引用

  • 相关阅读:
    linux安装jenkins
    linux安装python3.8
    python类继承多态
    python字典排序
    第一篇
    第十一周编程总结
    2019春第十周作业
    2019年寒假作业1
    2019年寒假作业3
    学期总结
  • 原文地址:https://www.cnblogs.com/TAO-JL/p/5934662.html
Copyright © 2020-2023  润新知