• 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:   返回当前窗口的引用

  • 相关阅读:
    Meten Special Activities II
    Meten Special Activities II
    Meten Special Activities II
    Meten Special Activities II
    Meten Special Activities
    Meten Special Activities
    Meten Special Activities
    Meten Special Activities
    Meten Special Activities
    冒泡排序和选择排序
  • 原文地址:https://www.cnblogs.com/TAO-JL/p/5934662.html
Copyright © 2020-2023  润新知