javascript bom

171 阅读 作者:黄黄黄 2017-08-29

javascript包含(ecmascript"es3,5,6")bom dom

Bom是浏览器对象,全拼为Browser Object Model

Bom包含什么

window包含以下

navigator
location
history
screen
document

打开窗口:window.open("wangyedizhi","-blank/-self");

// url    要打开的地址
// target 新窗口的位置     _blank(默认)  _self (链接到新页面)

关闭窗口:window.close();只能关闭从网页中打开的页面

系统对话框
alert() // 系统弹窗
confirm() // 确认、取消弹窗
prompt() //弹出能输入文本的对话框

定时器 setIiterval 定时器清除 clearInterval
间接 setTimeout 同上 clearTimeout

navigator

navigator对象:包含大量有关Web浏览器的信息,在检测浏览器及操作系统上非常有用

window.navigator.appCodeName //浏览器代码名
window.navigator.appName //浏览器步伐名
window.navigator.appMinorVersion //返回浏览器的次级版本。
window.navigator.cpuClass //cpu类型x86
window.navigator.platform //操作体系类型win32
window.navigator.plugins
window.navigator.opsProfile
window.navigator.userProfile
window.navigator.systemLanguage //客户体系语言zh-cn简体中文

location


location对象:对象包含有关当前 URL 的信息,也可用window.location引用它    
location.replace()重新加载当前文档

location.href //当前载入页面的完整URL  

location.search//设置或返回从问号 (?) 开始的 URL(查询部分)  

location.host //服务器的名字
location.pathname //URL设置或返回当前 URL 的路径部分,如/pictures/index.html
location.hash //设置或返回从井号 (#) 开始的 URL(锚),如#ab'c 

window.onhashchange=function(){
    
    
    
}当hash值改变的时候




location.reload(true | false); //重新载入当前页面,为false时从浏览器缓存中重载,为true时从服务器端重载,默认为false
document.location.reload(URL) //打开新的网页

screen

window.screen.width //屏幕宽度
window.screen.height //屏幕高度
window.screen.availWidth //可用宽度(除去任务栏的高度)
window.screen.availHeight //可用高度(除去任务栏的高度)

history

history.back() //在浏览历史里后退一步
history.forward() //在浏览历史里前进一步
history.go(i) //到汗青详细登记单的第i位

html5里的history:
pushState("","","",)//第一个空:数据 第三个空:地址栏
history.window.onpopstate

document

document.write() //向文档写 HTML 表达式 或 JavaScript 代码
原文地址:https://segmentfault.com/a/1190000010820521
广告一下
热门教程
PHP7报A non well formed numeric value encountered 0
Linux系统下关闭mongodb的几种命令分享 0
mongodb删除数据、删除集合、删除数据库的命令 0
Git&Github极速入门与攻坚实战课程 0
python爬虫教程使用Django和scrapy实现 0
libnetsnmpmibs.so.31: cannot open shared object file 0
数据结构和算法视频教程 0
redis的hash结构怎么删除数据呢? 0
C++和LUA解析器的数据交互实战视频 0
mongodb errmsg" : "too many users are authenticated 0
C++基础入门视频教程 0
用30个小时精通C++视频教程可能吗? 0
C++分布式多线程游戏服务器开发视频教程socket tcp boost库 0
C++培训教程就业班教程 0
layui的util工具格式时间戳为字符串 0
C++实战教程之远程桌面远程控制实战 1
网络安全培训视频教程 0
LINUX_C++软件工程师视频教程高级项目实战 0
C++高级数据结构与算法视频教程 0
跨域问题很头疼?通过配置nginx轻松解决ajax跨域问题 0
相关文章
【译】JavaScript数据结构(3):单向链表与双向链表 16
10个JavaScript难点 16
【译】苹果拒绝支持PWA,有损Web的未来 16
iView 一周年了,同时发布了 2.0 正式版,但这只是开始... 16
nodejs+mongodb构建一个简单登录注册功能 16
【译】JavaScript数据结构(4):树 16
组件化开发与黑箱 16
TypeScript - 不止稳,而且快 16
webpack3+anujs+ReactCSSTransitionGroup 16
原生js实现图片放大镜效果 16
WEB缓存探究第二弹——实战 16
纯笔记:vfork 的一些使用场景(顺便讲一下 fork 的原理) 16
Android APP 内部捐赠实现(支付宝&微信) 16
WKWebView 的一些小总结 16
模型评价(一) AUC大法 16
开始使用GraphQL 16
Webpack模块化原理简析 16
gulp使用问题记录 16
使用Angular4动画为页面添彩 16
Python27 Matplotlib (win64 python2.7) 安装及简单使用 16