BOM&DOM

1.BOM

BOM是浏览器对象模型,就可以理解成是当前浏览器打开窗口

window对象就是BOM

通过window对象可以操作浏览器本身,它里面提供了一些操作当前浏览器的对象和方法

1.1各种弹框:

消息框:window.alter('消息框')

输入框:window.prompt('请输入:')

确认框:window.confirm('确认框')

弹框

1.2定时器

setTimeout定时器,在指定的毫秒后执行一次

open()方法,用于打开新的窗口

打开百度新窗口

setInterval()定时器,每隔指定的毫秒后执行一次

每隔指定毫秒后执行一次

close()用于关闭当前窗口

关闭当前窗口

1.3数据转换的方式

window.parseInt('100')将字符串'100'强转为整型100

window.parseFloat()将字符串'100.55',强转为浮点型100.55

window.isNaN('100s')判断100s,不是数值数据,成立返回true

数据转换方式

1.4window对象还提供了常用属性

location属性

location是window对象的属性,该属性用于设置网页的地址栏

location.href属性表示跳转,当前浏览器的地址栏发生了跳转,其实超链接标签内部就是对location.href属性的封装

window.location.gref = 'http://baidu.com'

location.reload()方法表示刷新当前地址栏(刷新当前窗口)

window.location.reloadd()

location属性

history属性:

history是window对象属性,该属性用于设置网页的浏览历史记录

history属性

forward()前进

window.history.forward()

back()后退

window.history.back()

go()方法,既可以实现前进,也可以实现后退

window.history.go(1)//前进一次

window.history.go(-3) //后退三次

创建三个网页来实现前进和后退

第一个网页one
第二个网页two
第三个网页three

后面接着分析DOM

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1 BOM Browser Object Model:浏览器对象模型,是浏览器为JS提供的能对浏览器进行相关操作的...
    采蘑菇的仔仔阅读 3,895评论 0 0
  • 2js组成 我们都知道,javascript有三部分构成,ECMAScript,DOM和BOM,根据宿主(浏览器)...
    微笑_edac阅读 3,247评论 0 0
  • BOM (浏览器对象模型(BrowserObjectModel)) BOM(Browser Object Mode...
    深拥_66e2阅读 1,319评论 0 0
  • 这几个知识点,你真的都吃透了吗? # 先说 DOM: DOM 全称是 Document Object Model,...
    果汁凉茶丶阅读 3,690评论 0 2
  • DOM简单学习: 功能:控制html文档的内容 获取页面标签(元素)对象:Elementdocument.getE...
    JayMeWangGL阅读 1,400评论 0 0

友情链接更多精彩内容