BOM(Brower Object Model) 浏览器对象模型

AlgoRider
• 阅读 1117

一、window对象的常用属性

1、创建警告对话框 alert()
2、创建确认对话框 confirm()
3、创建信息提示对话框 prompt()
4、打开指定窗口
   window.open(url, name, spec)
   url:可以使完整的地址,也可以是相对路径
   name:窗口打开方式(_blank、_self、_parent、_top)
        _blank: 新开一个窗口
        _self: 当前窗口显示
        _parent:在当前窗口的父窗口显示
        _top:在顶层窗口显示

二、定时器

1、间歇定时器
   setInterval执行完成后将返回唯一的ID。通过返回的ID,可以清除定时器
window.onload = function(){
    let num = 10
    let oSpan = document.getElementById('day')
    let timer = setInterval(function(){
        oSpan.innerHTML = --num
        if (num == 0) {
            clearInterval(timer)
        }
    }, 1000)
}

2、延时定时器

let oSpan = document.getElementsByTagName('span')[0]
let timer = null
let num = 10

function count(){
    oSpan.innerHTML = --num
    timer = setTimeout(count, 1000)
    if (num == 0) {
        clearTimeout(timer)
    }
}

timer = setTimeout(count, 1000)

三、navigator对象方法
navigator.userAgent 判断浏览器的类型
navigator.cookieEnabled 判断浏览器中是否启用cookie

四、location对象

1、加载新文档      window.location.assign(url)
2、重新加载当前文档  window.location.reload()
3、用新的文档替换当前文档  window.location.replace()

五、history对象

1、back(): 加载history列表中的前一个url
2、forward(): 加载history列表中的下一个url
3、go(number): number是要访问的url在history的url列表中的相对位置
4、pushState(state,title,url): 添加指定的url到历史记录中,并且刷新将地址栏中的 
                               网址更新为url
5、replaceState(state,title,url): 使用指定的url替换当前历史记录,并且无需刷新浏 
                               览器就会将地址栏中的网址更新为url

六、事件委托和事件代理

bindClick(all, "click", function(event) {
    let target = event.target;
    switch (target.id) {
        case "goSomewhere":
            document.title="事件委托"
            break;
        case "doSomething":
            document.title="http://www.baidu.com"
            break;
        case "sayHi":
            alert("hi");
            break;
        default:
            break;
    }
})
点赞
收藏
评论区
推荐文章
blmius blmius
4年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
Oracle 分组与拼接字符串同时使用
SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(
Wesley13 Wesley13
4年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
Peter20 Peter20
4年前
mysql中like用法
like的通配符有两种%(百分号):代表零个、一个或者多个字符。\(下划线):代表一个数字或者字符。1\.name以"李"开头wherenamelike'李%'2\.name中包含"云",“云”可以在任何位置wherenamelike'%云%'3\.第二个和第三个字符是0的值wheresalarylike'\00%'4\
Stella981 Stella981
4年前
List的Select 和Select().tolist()
List<PersondelpnewList<Person{newPerson{Id1,Name"小明1",Age11,Sign0},newPerson{Id2,Name"小明2",Age12,
Wesley13 Wesley13
4年前
VBox 启动虚拟机失败
在Vbox(5.0.8版本)启动Ubuntu的虚拟机时,遇到错误信息:NtCreateFile(\\Device\\VBoxDrvStub)failed:0xc000000034STATUS\_OBJECT\_NAME\_NOT\_FOUND(0retries) (rc101)Makesurethekern
Wesley13 Wesley13
4年前
mysql设置时区
mysql设置时区mysql\_query("SETtime\_zone'8:00'")ordie('时区设置失败,请联系管理员!');中国在东8区所以加8方法二:selectcount(user\_id)asdevice,CONVERT\_TZ(FROM\_UNIXTIME(reg\_time),'08:00','0
Wesley13 Wesley13
4年前
PHP创建多级树型结构
<!lang:php<?php$areaarray(array('id'1,'pid'0,'name''中国'),array('id'5,'pid'0,'name''美国'),array('id'2,'pid'1,'name''吉林'),array('id'4,'pid'2,'n
Stella981 Stella981
4年前
Django中Admin中的一些参数配置
设置在列表中显示的字段,id为django模型默认的主键list_display('id','name','sex','profession','email','qq','phone','status','create_time')设置在列表可编辑字段list_editable
Python进阶者 Python进阶者
2年前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这