JavaScript中BOM对象原理与用法分析


Posted in Javascript onJuly 09, 2019

本文实例讲述了JavaScript中BOM对象原理与用法。分享给大家供大家参考,具体如下:

  • 百度百科

BOM(Browser Object Model) 是指浏览器对象模型,是用于描述这种对象与对象之间层次关系的模型,浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象。

  • 我的理解

博主是这么理解的,BOM对象指的是window对象,而window对象并不是JavaScript内置的对象,而是浏览器生成的对象。如果需要了解内置对象的话,可以翻阅我的另一篇博文。

  • 图解BOM

BOM对象还分为以下这几个子对象,说实话,图有点丑,下面我将详细的介绍一下这几个子对象。

JavaScript中BOM对象原理与用法分析

  • window对象

常用操作

window.alert('hello');//弹出警告框
window.confirm(text);//弹出确认对话框,返回布尔值
window.prompt(text,defaultstr);//弹出输入框,并返回输入内容
window.close();//关闭当前页面
window.print();//打印操作

注意:在申明变量的时候,所有在最外层申明的变量(非函数中)都属于window对象的属性,比如。

<script>
var str = 'China';//最外层变量,就是window对象的属性
console.log(str);//输出:China
console.log(window.str);//输出:China
</script>
  • navigator对象(包含浏览器信息的对象)

常用属性

appCodeName:内部代码
appName:浏览器名称
cookieEnabled:cookie是否可用
userAgent:用户代理信息

  • location对象(浏览器地址栏对象)

常用属性

host:主机名
href:地址链接,可以使用此属性实现页面跳转
pathname:地址路径
search:参数信息

页面跳转

window.location.href='http://www.webbc.win';//页面跳转
  • history对象(历史记录对象)

属性

length:历史记录的数目

常用方法

back():后退一页
forword():前进一页
go(num):指定跳转到哪一页,如果参数是正数就代表向前翻一页,如果是负数代表向后翻一页

  • screen 屏幕对象

常用属性

height:高度
width:宽度
availHeight:可用高度
availWidth:可用宽度

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
JSON扫盲帖 JSON.as类教程
Feb 16 Javascript
ie focus bug 解决方法
Sep 03 Javascript
jquery 日期分离成年月日的代码
May 14 Javascript
JavaScript 获取任一float型小数点后两位的小数
Jun 30 Javascript
Jquery简单分页实现方法
Jul 24 Javascript
Jquery ui datepicker设置日期范围,如只能隔3天【实现代码】
May 04 Javascript
Bootstrap源码解读标签、徽章、缩略图和警示框(8)
Dec 26 Javascript
JS排序之冒泡排序详解
Apr 08 Javascript
EasyUI Datebox 日期验证之开始日期小于结束时间
May 19 Javascript
javascript中的隐式调用
Feb 10 Javascript
create-react-app 修改为多入口编译的方法
Aug 01 Javascript
快速解决angularJS中用post方法时后台拿不到值的问题
Aug 14 Javascript
jquery多级树形下拉菜单的实例代码
Jul 09 #jQuery
vue 组件中使用 transition 和 transition-group实现过渡动画
Jul 09 #Javascript
详解vue 2.6 中 slot 的新用法
Jul 09 #Javascript
JavaScript中var的重要性实例分析
Jul 09 #Javascript
js图片无缝滚动插件使用详解
May 26 #Javascript
vue中datepicker的使用教程实例代码详解
Jul 08 #Javascript
微信小程序实现类似微信点击语音播放效果
Mar 30 #Javascript
You might like
模板引擎smarty工作原理以及使用示例
2014/05/25 PHP
叫你如何修改Nginx与PHP的文件上传大小限制
2014/09/10 PHP
PHP简单创建压缩图的方法
2016/08/24 PHP
php获取ip及网址的简单方法(必看)
2017/04/01 PHP
创建一个复制UBB软件信息的链接或按钮的js代码
2008/01/06 Javascript
js网页中的(运行代码)功能实现思路
2013/02/04 Javascript
在JS中如何调用JSP中的变量
2014/01/22 Javascript
JavaScript模拟深蓝vs卡斯帕罗夫的国际象棋对局示例
2015/04/22 Javascript
Bootstrap基础学习
2015/06/16 Javascript
AngularJS实现自定义指令与控制器数据交互的方法示例
2017/06/19 Javascript
HTML5+JS+JQuery+ECharts实现异步加载问题
2017/12/16 jQuery
JS实现从对象获取对象中单个键值的方法示例
2019/06/05 Javascript
Bootstrap实现模态框效果
2019/09/30 Javascript
vue使用prop可以渲染但是打印台报错的解决方式
2019/11/13 Javascript
[03:11]不朽宝藏三外观展示
2020/09/18 DOTA
python脚本实现统计日志文件中的ip访问次数代码分享
2014/08/06 Python
Python自定义scrapy中间模块避免重复采集的方法
2015/04/07 Python
Python读取sqlite数据库文件的方法分析
2017/08/07 Python
Python3中在Anaconda环境下安装basemap包
2018/10/21 Python
使用python对文件中的数值进行累加的实例
2018/11/28 Python
Python线程之定位与销毁的实现
2019/02/17 Python
python同步windows和linux文件
2019/08/29 Python
500行代码使用python写个微信小游戏飞机大战游戏
2019/10/16 Python
为什么黑客都用python(123个黑客必备的Python工具)
2020/01/31 Python
解决TensorFlow GPU版出现OOM错误的问题
2020/02/03 Python
PIL包中Image模块的convert()函数的具体使用
2020/02/26 Python
Python爬取数据并实现可视化代码解析
2020/08/12 Python
Python中猜拳游戏与猜筛子游戏的实现方法
2020/09/04 Python
Melissa鞋马来西亚官方网站:MDreams马来西亚
2018/04/05 全球购物
单位消防安全制度
2014/01/12 职场文书
考试没考好检讨书
2014/01/31 职场文书
暑期研修感言
2014/02/17 职场文书
2015小学师德工作总结
2015/07/21 职场文书
工作报告范文
2019/06/20 职场文书
2019年最新借条范本!
2019/07/08 职场文书
Minikube搭建Kubernetes集群
2022/03/31 Servers