JavaScript初级:BOM

JavaScript初级——BOM

BOM使得JavaScript能与浏览器进行“对话”

  • 主要是Window对象的操作

Window对象

  • 对象:window对象表示浏览器中打开的窗口(每一个窗口都是一个对象)
  • 特点:
    • Window是全局对象,可以直接调用其方法和属性
    • Window对象的一些方法和属性可省略不写 ,如:Window.document等同于document,windows.alert()等同于alert()
  • 属性:
    • history:用户在浏览器窗口中访问过的url
    • location:地址栏的url
    • document:对Document对象的只读引用
    • screen:对Screen对象的只读引用
    • status:设置窗口状态栏的文本
  • 方法:
    • prompt():弹窗
    • alert():弹窗
    • canfirm():弹窗
    • open():在当前页面打开一个子页面(因为部分浏览器不支持该方法,所以极少用到)
    • close():关闭打开的子页面
    • setTimeout:一次性定时器
    • setInterval:周期性定时器

注意:

  • history、location、document对象是较为重要的对象,下面我们将介绍这三个对象
  • 关于定时器部分,将记录在后续发布的文章中

history对象

  • 方法:
    • back():加载上一个浏览的文档
    • forward():加载下一个浏览的文档
    • go(n):n为整数,转跳到第n个浏览过的文档
  • n==0,刷新当前页面
  • n>0,向前转跳到第n个文档
  • n<0,向后转跳到第n个文档

location对象

  • 属性:
    • host:设置或返回主机名和当前url的端口号
    • hostname:设置和返回当前url的主机名
    • href:设置或返回完整的url,可用于设置专题哦
    • hash:设置或返回从“#”开始的url
    • search:设置或返回从“?”开始的url
  • 方法:
    • reload():重新加载当前文档,并刷新页面
    • replace():新的文档替换当前文档

document对象

  • 作用:每个载入浏览器的html文档都会成为document对象
  • 属性:
    • title:设置或返回当前文档的标题
  • 方法:
    • write():向文档写HTML表达式或JavaScript代码
    • getElementByid():返回对拥有指定id的第一个对象的引用
    • getElementsByTagName():返回带有指定名称的对象集合
    • getElementByName():返回带有指定名称的对象集合

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章