BOM简介

  • BOM Browser Object Model
  • 浏览器对象模型

// 通过window对象来访问浏览器

console.log(window.document);

// frames:当前文件的框架集合

console.log(window.frames);

// 浏览器环境信息

console.log(window.screen);

console.log(window.history);

// 浏览器及其相关功能的信息

console.log(window.navigator);

// 浏览器本地信息

console.log(window.location);

// href属性  reload()  assign() replace() 等方法

window.location.href = 'red.html';

window.location.reload();  //刷新

// 有历史记录

window.location.assign('yellow.html');

// 替换页面   无历史记录

window.location.replace('yellow.html')

window.history.forward();

window.history.back();

// go(num)： num大于0 向后跳转num个界面

window.history.go(2);

onload

onload:是windows的属性 本身是函数类型的属性，赋值时需要接受一个函数,当页面加载完毕才会执行

window.onload = function(){

    alert('页面加载完毕')

}

onscroll

<body style="height: 2000px;">

    <button onclick="goTop()" style="position: fixed;bottom: 50px; right: 50px;">回到顶部</button>

    <script type="text/javascript">

        window.onscroll = function(){

            // console.log('页面滚动')

            var height = document.documentElement.scrollTop || document.body.scrollTop;

            console.log(height);

        }

        function goTop(){

            document.documentElement.scrollTop = 0;

            //document.body.scrollTop = 0;

        }

    </script>

</body>

onresize

<script type="text/javascript">

    // onresize 浏览器更改大小时会执行

    window.onresize = function(){

        console.log('大小更改');

    }

</script>

定时器

<button onclick="clearTime()">清除定时器</button>

<button onclick='create()'>创建定时器</button>

<script type="text/javascript">

    // 创建定时器

    function create () {

        timer = window.setInterval(function(){

            console.log("666");

        }, 2000)

    }

    //window.setInterval(func, 2000)

    function clearTime () {

        window.clearInterval(timer);

    }

</script>

延时器

<button onclick='clearTimer()'>清除定时器</button>

<script type="text/javascript">

    var timer = window.setTimeout(func, 5000);

    function func () {

        console.log('您很好');

    }

    function clearTimer(){

        window.clearTimeout(timer);

    }

</script>

BOM简介的更多相关文章

  1. Javascript学习笔记3 Javascript与BOM简介

    什么是BOM BOM是browser object model的缩写,简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象 ...

  2. JavaScript学习总结【6】、JS BOM

    1.BOM 简介 所谓的 BOM 即浏览器对象模型(Browser Object Model).BOM 赋予了 JS 操作浏览器的能力,即 window 操作.DOM 则用于创建删除节点,操作 HTM ...

  3. 从零开始的JS生活（二）——BOM、DOM与JS中的事件

    上回书说道,JS中变量.运算符.分支结构.循环和嵌套循环等内容.本回就由本K给大伙唠唠JS中的BOM.DOM和事件. 一."花心大萝卜"--BOM 1.震惊,FFF团为何对BOM举 ...

  4. BOM：浏览器对象模型之浏览器剖析入门

    BOM简介 BOM与DOM的关系 BOM对象包含的内容 重新认识浏览器 一.分裂的BOM和被收服的DOM BOM定义:是browser object model的缩写,简称浏览器对象模型. 主要处理浏 ...

  5. javascript教程5:--BOM操作

    1.BOM 简介 所谓的 BOM 即浏览器对象模型(Browser Object Model).BOM 赋予了 JS 操作浏览器的能力,即 window 操作.DOM 则用于创建删除节点,操作 HTM ...

  6. js下 Day01、DOM对象，BOM浏览器对象模型

    一．初识DOM 1．什么是DOM?为什么学习DOM 2．DOM是实现js在网页实现交互的关键环节,我们的js代码就是通过DOM的方法来实现对于html内容的操作. 3．认识DOM实现了js和网页结合的 ...

  7. JS之DOM编程

    为什么学dom编程? 通过dom编程,我们可以写出各种网页游戏 dom编程也是我们学习ajax技术的基础,所以我们必需掌握好dom编程.  dom编程简介 DOM=Document Object Mo ...

  8. js基础提高（二）

    JavaScript基础提高(二) 上篇写的是JavaScript的历史.基本的数据类型和基本的语法进填的话讲的就深入一些了. js的函数 1.js函数定义的方式 (1)普通方式 语法:functio ...

  9. JavaScript基础精讲

    ---------------------------------------------------------------------------------------------------- ...

随机推荐

  1. Java进程与线程的区别

    每个进程都独享一块内存空间,一个应用程序可以同时启动多个进程.比如浏览器,打开一个浏览器就相当于启动了一个进程. 线程指进程中的一个执行流程,一个进程可以包含多个线程. 每个进程都需要操作系统为其分配 ...

  2. js运用5

    js数据类型具体分析 1.基础类型:string   number boolean null undefined 2.引用类型:object==>        json    array    ...

  3. SQL执行计划解读

    声明 5.6中desc看不到show warnings,也看不到filtered列 5.7的desc等于5.6的desc extended,这样可以看show warnings,5.6中filtere ...

  4. Java Web请求和响应机制

    1.请求响应流程图 =================== 服务器处理请求的流程: 服务器每次收到请求时,都会为这个请求开辟一个新的线程. 服务器会把客户端的请求数据封装到request对象中,req ...

  5. 洛谷P4324 扭动的回文串 [JSOI2016] manacher+哈希

    正解:manacher+哈希 解题报告: 传送门 要不要先解释下题意,,,我开始看了半天来着QAQ 大概就,要求一个最长的回文串 这个回文串有两种构成可能 一种是单从一个串中拿出来的连续一段 另一种是 ...

  6. spss缺失值填充步骤

    缺失值填充是数据预处理最基本的步骤,一般能想到的是固定值填充(均值等统计学方法).根据与本列有相关关系的列函数表示来填充.这次我用的是em算法进行填充,具体原理后续补充. 主要记录一下步骤: 工具栏: ...

  7. Windebug调试

    .loadby SOS clr .Symfix .reload !threads !printexception [address]

  8. filter过滤器实现验证跳转_返回验证结果

    1. 需求背景 需要对某个请求url进行拦截,模拟是否可以进入某一个接口,如果拦截需要返回数据false,别问我为何不用intercept拦截器. 2. web.xml <filter> ...

  9. mac系统上mysql开启外网访问

    1.首先本地连到数据库在"mysql"库下把user表里User=root的那一行,把Hosts从"locahost"改成"%" 2.然后在 ...

  10. CoreData 执行executefetchrequest卡死解决办法

    在大量使用GCD和block以后发现程序会卡死在executefetchrequest执行. 反复测试无果.添加锁也无效.想来想去没发现问题. 容忍了就当人品问题.2天以后实在忍无可忍. 替换perf ...