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 相关文章推荐
jquery form表单提交插件asp.net后台中文解码
Jun 12 Javascript
jQuery getJSON()+.ashx 实现分页(改进版)
Mar 28 Javascript
判断javascript的数据类型(示例代码)
Dec 11 Javascript
js验证输入是否为手机号码或电话号码示例
Dec 30 Javascript
javascript的函数作用域
Nov 12 Javascript
JavaScript对数字的判断与处理实例分析
Feb 02 Javascript
理解JavaScript中worker事件api
Dec 25 Javascript
JS计算两个时间相差分钟数的方法示例
Jan 10 Javascript
vue项目中锚点定位替代方式
Nov 13 Javascript
如何通过JS实现转码与解码
Feb 21 Javascript
JavaScript创建表格的方法
Apr 13 Javascript
详解vue-router的导航钩子(导航守卫)
Nov 02 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
php addslashes及其他清除空格的方法是不安全的
2012/01/25 PHP
PHP分多步骤填写发布信息的简单方法实例代码
2012/09/23 PHP
php实现的网页版剪刀石头布游戏示例
2016/11/25 PHP
ThinkPHP实现生成和校验验证码功能
2017/04/28 PHP
PHP回调函数概念与用法实例分析
2017/11/03 PHP
Extjs中使用extend(js继承) 的代码
2012/03/15 Javascript
node.js中的buffer.length方法使用说明
2014/12/14 Javascript
JS实现动态给图片添加边框的方法
2015/04/01 Javascript
JavaScript 动态加载脚本和样式的方法
2015/04/13 Javascript
jquery控制显示服务器生成的图片流
2015/08/04 Javascript
jQuery+CSS实现的网页二级下滑菜单效果
2015/08/25 Javascript
EXT中单击button按钮grid添加一行(光标位置可设置)的实例代码
2016/06/02 Javascript
Vue实例简单方法介绍
2017/01/20 Javascript
Angularjs上传图片实例详解
2017/08/06 Javascript
原生js+cookie实现购物车功能的方法分析
2017/12/21 Javascript
ES2020 新特性(种草)
2020/01/12 Javascript
让python同时兼容python2和python3的8个技巧分享
2014/07/11 Python
详解python发送各类邮件的主要方法
2016/12/22 Python
Python使用pip安装报错:is not a supported wheel on this platform的解决方法
2018/01/23 Python
Python实现PS滤镜特效之扇形变换效果示例
2018/01/26 Python
python实现音乐下载器
2018/04/15 Python
python3中函数参数的四种简单用法
2018/07/09 Python
Python通过调用有道翻译api实现翻译功能示例
2018/07/19 Python
python使用matplotlib模块绘制多条折线图、散点图
2020/04/26 Python
python3 unicode列表转换为中文的实例
2018/10/26 Python
python 对字典按照value进行排序的方法
2019/05/09 Python
Django-celery-beat动态添加周期性任务实现过程解析
2020/11/26 Python
HTML文本属性&amp;颜色控制属性的实现
2019/12/17 HTML / CSS
手工制作的男士奢华英国鞋和服装之家:Goodwin Smith
2019/06/21 全球购物
3个CCIE对一个工程师的面试题
2012/05/06 面试题
法律系毕业生自荐信范文
2014/03/27 职场文书
党员群众路线剖析材料
2014/10/08 职场文书
暑假社会实践证明格式
2014/10/28 职场文书
招标保密承诺书
2015/01/20 职场文书
商场圣诞节活动总结
2015/05/06 职场文书
Pyhton爬虫知识之正则表达式详解
2022/04/01 Python