161122、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)
转载于:https://www.cnblogs.com/zrbfree/p/6146017.html
161122、BOM 操作写法示例相关推荐
- VB6监视/操作剪贴板示例(VB6.0代码)
剪贴板的监视,需要先使用SetClipboardViewer设置某个句柄为剪贴板查看器的一员. 然后当剪贴板发生改变时,系统就会向这个句柄发送WM_DRAWCLIPBOARD消息. 只要使用子类化拦截 ...
- day57 闭包函数 函数提升 BOM操作 js选择器 替换元素 类属性操作
上节课复习 今日内容: 1.作用域 变量提升与函数提升 2.BOM操作=>控制浏览器 3.DOM操作=> 控制文档 4.js练习题 5.jquery 01.补充 <!DOCTYPE ...
- JavaScript核心 DOM 和 BOM操作
JavaScript核心 DOM 和 BOM操作 Web APIs 简介 1. Web APIs 和 JS 基础关联性 1.1 JS 的组成 1.2 JS 基础阶段以及 Web APIs 阶段 JS ...
- JavaScript中的BOM操作的常见事件
BOM操作的常见事件 1.点击事件clcik onclcik绑定点击 标签ID.onclick = function(){ 程序: } 示例1. d1.onclick = function(){ co ...
- python能实现excel什么功能_Python pandas对excel的操作实现示例
最近经常看到各平台里都有Python的广告,都是对excel的操作,这里明哥收集整理了一下pandas对excel的操作方法和使用过程.本篇介绍 pandas 的 DataFrame 对列 (Colu ...
- OpenCV —数据持久化: FileStorage类的数据存取操作与示例
OpenCV -FileStorage类的数据读写操作与示例 OpenCV的许多应用都需要使用数据的存储于读取,例如经过3D校准后的相机,需要存储校准结果矩阵,以方便下次调用该数据:基于机器学习的应用 ...
- 使用命令对象代替switch语句的写法示例
使用命令对象代替switch语句的写法示例 http://www.jb51.net/article/61530.htm 转载于:https://www.cnblogs.com/hghrpg/p/456 ...
- Cmake的CMakeLists.txt写法示例
Cmake的CMakeLists.txt写法示例 目录 示例一:单文件 示例二:多个源文件 示例三:将hello.c生成一个库来调用 示例四:工程分类文件夹编译 示例五:Cmake的install使用 ...
- mysqlierror php_php操作mysqli(示例代码)
php操作mysqli(示例代码) 更新时间:2013年10月28日 08:56:20 作者: php操作mysqli的示例代码.需要的朋友可以过来参考下,希望对大家有所帮助 define(&qu ...
最新文章
- 集合恒等式定律及文氏图
- 水晶报表——小代码,大作用(转自CSDN,阿泰)
- Java—正整数分解成质因数
- python中如何输出中文_python3如何输出中文
- 【内容生产创“新”之道】
- 用java来实现验证码功能
- 工业级POE交换机技术优势及供电方法详解!
- [转载]如何判断js中的数据类型
- Azure Data Explorer(Kusto)学习笔记
- mosquitto源码分析(二)
- 编译运行BSR/bench源码
- 巧如范金,精比琢玉,一分钟高效打造精美详实的Go语言技术简历(Golang1.18)
- [论文总结] 深度学习在农业领域应用论文笔记8
- **使用InkScape绘制简易字母LOGO的教程**
- alg 停用sip_如何关闭常用品牌的防火墙或路由器的SIP ALG功能
- API Design for ios 译文
- 卡通风珍惜粮食人人有责节约粮食文明就餐从我做起通用PPT模板
- word-wrap长单词与URL地址自动换行
- JavaScript 中的事件流和事件处理程序(读书笔记思维导图)
- 水箱建模最小二乘法_大气VOCs在线监测系统评估工作指南(二)
热门文章
- 一文带你纵览 200+ 大规模机器学习研究
- 谷歌提出“数据回波”榨干GPU空闲时间,训练速度提升3倍多
- 阿帕奇与php整合,整合apache和php
- TF使用例子-情感分类
- 最详细的Eigen笔记
- python 查看数据结构类型_python 数据结构类型总结(示例代码)
- python常用的绘图库_Python3绘图库Matplotlib(01)
- kmeans算法学习2
- Java基础---常用类之Arrays工具类+基本类型的包装类
- adb logcat 通过包名过滤日志并输出到txt文件