【BOM】

简介: 【BOM】

BOM:浏览器对象模型

       window是浏览器的顶级对象

       定义的全局变量或全局方法都会在window对象下体现

var age = 30;
function getAge(){
    return age;
}
console.log(window)

   在全局或方法中,this关键字代表的是window对象

var age = 30;
function getAge(){
    console.log(this)
    return age;
}
getAge();
console.log(this == window) ==>true

    window.open():打开一个新窗口

           参数1:打开的链接地址

               注意

                   链接地址可以为网络地址,也可以为本地地址

  参数2:窗口的名称

           参数3:窗口的属性

       window.close():关闭一个新窗口

           <a href="javascript:;">打开窗口</a>

<script>
    var a = document.querySelector('a');
    a.onclick = function(){
        window.open('02.html','02网页','width=400,height=400');
    }
</script>

location:

       host:域名(ip地址)+端口号

           http://www.baidu.com:80          

    hostname:域名(ip地址)

           http://www.baidu.com

       href:返回全路径,也可以用来做重定向

           window.location.href = "02.html";

       pathname:路径名称

       port:端口号


    protocol:网络协议(http/https)

       reload():重载(刷新)

           <a href="javascript:;">刷新</a>

<script>
    var a = document.querySelector('a');
    a.onclick = function(){
        window.location.reload()
    }
</script>

earch:参数

           ?username=%E5%BC%A0%E4%B8%89&age=30

  history:历史

 history.go(n):向前或向后跳转网页

           注意事项:必须有访问历史才可以实现

       forward():向前

       back():向后

 定时器:

       setTimeout():定义一个定时器,在规定时间周期内只执行一次,时间为毫秒

           格式:

  var timer = setTimeout(function(){},时间)

               clearTimeout():关闭定时器

               setInterval():在规定时间周期内持续执行,时间为毫秒

  格式:

             var timer = setInterval(function(){},时间)  

             clearInterval():关闭定时器

              setTimeout(function(){

       console.log('Settimeout输出Hello Wolrd')

                       },1000)

       setInterval(function(){

   console.log('setInterval输出Hello Wolrd')

       },1000)


相关文章
|
22天前
|
JavaScript 安全 物联网
DOM 和 BOM 在项目中的应用
【10月更文挑战第19天】在现代网页开发和应用项目中,DOM(文档对象模型)和 BOM(浏览器对象模型)扮演着至关重要的角色。它们为开发者提供了与网页文档和浏览器环境进行交互的能力,使项目能够实现丰富的功能和用户体验。
|
3月前
|
存储 缓存 JavaScript
|
JavaScript 前端开发
函数 DOM BOM
函数 DOM BOM
函数 DOM BOM
|
编解码 JavaScript 前端开发
BOM编程
BOM编程
|
JavaScript
BOM操作
BOM操作
246 0
|
JavaScript 前端开发
|
XML JavaScript 前端开发
BOM与DOM详解
BOM与DOM详解
|
XML JavaScript 数据格式
我理解的BOM
BOM(Browser ObjectModel) 是指浏览器对象模型,是用于描述这种对象与对象之间层次关系的模型,浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象。
|
存储 移动开发 缓存
你应该掌握的DOM和BOM基础
你应该掌握的DOM和BOM基础
95 0
|
编解码 缓存 JavaScript
BOM-DOM
JS查漏补缺系列是我在学习JS高级语法时做的笔记,通过实践费曼学习法进一步加深自己对其的理解,也希望别人能通过我的笔记能学习到相关的知识点。这一次我们来了解JavaScript中的BOM-DOM
93 0