zoukankan      html  css  js  c++  java
  • JavaScript操作-BOM对象

    浏览器对象模型是JavaScript的组成之一,它提供了独立于内容与浏览器窗口进行交互的对象,使用浏览器对象模型可以实现与HTML的交互。

    一、window对象

    1、window对象是整个BOM的核心,是顶层对象。所有BOM对象都是window对象的子对象

    使用BOM通常可实现如下功能:

      01、弹出新的浏览窗口

      02、移动、关闭浏览器窗口及调整窗口的大小

      03、在浏览器窗口中实现页面的前进、后退功能

    2、常用属性

      history  有关客户访问过的URL的信息

      location  有关当前URL的信息

      screen  只读属性,包含有关客户端显示屏幕的信息

      语法:window.属性名="属性值"

    3、常用方法

      prompt()    输入对话框,  01.第一参数是提示语句  02.第二参数是输入框中的默认值,可以省略

      alert()     警示对话框,    只有一个确定按钮    

      confirm()    确认对话框,    有“确定”和“取消”两个按钮,点击确定返回值为true、点击取消按钮返回值为false

      close()    关闭浏览器窗口

      open()    打开浏览器窗口,  在新窗口打开URL指定的文档

      setTimeout()  延迟函数  在一定延迟之后,只调用一次函数    setTimeout("函数",毫秒数)

      setInterval()  周期函数  每个一段时间调用某个函数    setInterval("函数",毫秒数)

      语法:window.方法名();   因为window对象是全局对象,所以可以省略window前缀。直接调用alert()等价于window.alert()

    二、history对象

      方法:01、back()  加载history对象列表中的前一个URL

         02、forward()  加载history对象列表中的后一个URL

         03、go()  加载history对象列表中的某个具体的URL  go(n)  n为具体数字,n>0,向前数第n个页面。n<0,向后数第n个页面

    三、location对象

    1、属性

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

      hostname 设置或返回当前主机名 

      href  设置或返回完整的URL

      hash  返回url中#之后的所有内容

      search  返回url中?之后的所有内容

    2、方法

      reload()  重新加载当前文档

      replace()  用新的文档替换当前文档

    四、document对象

    1、属性

      referrer  返回载入当前文档的URL  语法:document.referrer

      URL  返回当前文档的URL      语法:document.URL

    2、方法

      getElementById()  返回对拥有指定id的第一个对象的引用

      getElementsByName()  返回有指定名称(即name属性)的对象的集合

      getElementsByTagName()  返回带有指定标签名的对象的集合

      write()  向文档写文本、HTML表达式或JavaScript代码

    3、获取元素之后给元素赋值!

      innerHTML :会把我们的文本编译成html代码
      innerText :把文本原样输出

    五、JavaScript内置对象

    1、Date对象

      语法:var 日期实例=new Date(参数)

        01:参数可以省略,无参数则返回当前日期和时间。  var nowTime=new Date()

        02:有参数时,参数是字符串格式“MM DD, YYYY, hh:mm:ss”,表示日期和时间。  如 var oneTime=new Date("July 15, 2013, 16:34:28")

      常用方法:

        getFullYear()  返回年份,值为四位数、

        getMonth()  返回月份,其值为 0~11。注意:  +1

        getDate()  返回一个月中的一天,其值为 1~31

        getHours()  返回小时数,其值为 0~23  按24进制

        getMinutes()  返回分钟数,其值为 0~59

        getSeconds()  返回秒数,其值为 0~59

        getDay()  返回星期中的一天,其值为0~6  其中0代表星期日

        getTime()  返回自某一时刻(1970年1月1日)以来的毫秒数

    2、Math对象

      Math对象是JavaScript的一个全局对象,不需要创建,可以直接调用其属性和方法

      常用方法:

        ceil():上舍入 (天花板函数)  Math.ceil(25.3)返回26  Math.ceil(-25.7)返回-25

        floor():下舍入  Math.ceil(25.7)返回25  Math.ceil(-25.3)返回-26

        round():四舍五入  Math.ceil(25.7)返回26 Math.ceil(25.3)返回25  Math.ceil(-25.7)返回-26 Math.ceil(-25.3)返回-25

        random():返回0~1的随机数  前闭后开

    六、周期函数

    1、 setTimeOut("调用的函数名",等待的毫秒数)

      clearTimeOut();清除setTimeOut()设置的定时器

      例子:var t1=setTimeOut("alert('3 秒')",3000);

         clearTimeOut(t1);//清除定时器

    2、 setInterval("调用的函数名",周期间隔的毫秒数)

      clearInterval();清除setInterval()设置的定时器

      应用类似setTimeOut()定时器

  • 相关阅读:
    Java高级之类结构的认识
    14.8.9 Clustered and Secondary Indexes
    14.8.4 Moving or Copying InnoDB Tables to Another Machine 移动或者拷贝 InnoDB 表到另外机器
    14.8.3 Physical Row Structure of InnoDB Tables InnoDB 表的物理行结构
    14.8.2 Role of the .frm File for InnoDB Tables InnoDB 表得到 .frm文件的作用
    14.8.1 Creating InnoDB Tables 创建InnoDB 表
    14.7.4 InnoDB File-Per-Table Tablespaces
    14.7.2 Changing the Number or Size of InnoDB Redo Log Files 改变InnoDB Redo Log Files的数量和大小
    14.7.1 Resizing the InnoDB System Tablespace InnoDB 系统表空间大小
    14.6.11 Configuring Optimizer Statistics for InnoDB 配置优化统计信息用于InnoDB
  • 原文地址:https://www.cnblogs.com/vic_/p/7763473.html
Copyright © 2011-2022 走看看