BOM 操作写法示例

浏览器相关信息

// 浏览器信息
navigator.userAgent // Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.71 Safari/537.36
// 运行浏览器的操作系统平台
navigator.platform // MacIntel

浏览记录历史

// 前进
history.forward()
// 后退
history.back()

url 信息

页面跳转

// 当前页面会记入浏览记录历史
location.href = 'http://www.baidu.com'
// 当前页面不会记入浏览记录历史
location.replace('http://www.baidu.com')

页面重新加载

location.reload()

获得当前 url 的信息

// 假设当前 url 是 http://192.168.31.194:8000/jquery/index.html?a=3&c=aa#b

location.href // 完整的url
location.hostname // 192.168.31.194
location.host // 192.168.31.194:8000
location.port // 8000
location.protocol // http:
location.search // ?a=3&c=aa
location.hash // #b
location.pathname // /jquery/index.html

全局对象

信息弹出框

alert('你很帅!')

确认弹出框

var isReady = confirm('准备好来吗?')
if (isReady) {
  
} else {
  
}

输入信息弹出框

var name = prompt('请输入你的名字')
console.log(name)

打开一个新窗口

open('http://baidu.com')
// 改变某个窗口的 url
open('http://baidu.com', 'a')
open('http://youku.com', 'a') // 上面窗口的地址会从 百度 变成 优酷的

过段时间后执行

// 1 秒后执行
setTimeout(function() {
  // doSth
}, 1000)

每隔一段时间执行

var i = 1
// 每隔 1 秒后执行
var runId = setInterval(function(){
  console.log(i++)
  if(i >= 10) {
    clearInterval(runId) // 停止执行
  }
}, 1000)

屏幕每次刷新时执行

一般是渲染一些 UI。

var targetEl = document.querySelector('.tar')
var res
var isStop
var runId = requestAnimationFrame(function(){
  targetEl.text(res)
  if(isStop) {
    cancelAnimationFrame(runId)
  }
})

在控制台输出信息

console.log('日志信息')
console.warn('警告信息')
console.info('普通信息')
console.error('错误信息')

console.log('1+2 = %d', 3)
var person = {name: 'Joel', gender: '男'}
console.log('名字:%s,性别:%s', person.name, person.gender)

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏cs

python下载小说

2944
来自专栏架构师之路

一张图看懂单机部署+集群部署+热备部署与磁盘阵列(RAID)

一张图看懂单机部署+集群部署+热备部署与磁盘阵列(RAID) ? 单机部署 集群部署 热备部署 单机部署(stand-alone):只有一个饮水机提供服务,服...

3475
来自专栏数据结构笔记

利用简书图片上传功能搭建快速免费的图床

后来发现简书的写文章页面可以上传图片,于是萌生了利用简书的图片上传功能来搭建一个图床的想法。

4083
来自专栏沃趣科技

ASM 翻译系列第三十四弹:ASM磁盘组重要属性介绍

原作者:Bane Radulovic 译者: 邱大龙 审核: 魏兴华 DBGeeK社区联合出品 原文链接:http://asmsupportguy....

3636
来自专栏Youngxj

QQ红包 1.0.7-xp框架

2792
来自专栏编程坑太多

requests实战技术

1173
来自专栏Danny的专栏

jsp实现分页显示记录

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/huyuyang6688/article/...

2.3K3
来自专栏Hadoop实操

如何在HP dl380 Gen9服务器上安装Redhat 7.2并配置软RAID

在《如何为服务器硬盘配置RAID或JBOD模式》一文中提到,单张RAID卡无法同时启用RAID模式和JBOD模式,即无法混合管理,如果RAID卡为所有硬盘配置了...

1.7K3
来自专栏Coding01

推荐一款 phpcs 插件规范 Laravel 代码 (规范从本地写代码到版本控制)

我相信每个公司都有一套完备的代码规范标准,但标准是标准,如何能有效的让所有人遵守,那就要工具的辅助和实时提醒了。

1934
来自专栏快乐八哥

Angular企业级开发(10)-Smart Table插件开发

1.Smart Table内置的分页功能 Smart Table是基于AngularJS模块特性开发出来的一款优秀的表格组件,默认就支持过滤、排序等核心功能。开...

2656

扫码关注云+社区

领取腾讯云代金券