浏览器对象模型(BOM)
BOM结构
用户浏览网页的时候,浏览器会自动创建一些对象,这些对象存放着浏览器窗口的属性和相关信息,也就是大家熟称的BOM。浏览器对象模型是一个层次化的对象集,我们可以通过window对象访问所有对象集。层级关系如下图所示:
window对象
window对象表示浏览器中打开窗体,提供关于窗口状态的信息。可以使用window对象访问窗口中的文档,事件以及影响窗口的浏览器特性。同时大家应该知道,在javascript中window对象是全局对象,就像我们C#中的static一样(不知道对不对呃),也就是要引用当前窗体根本不需要特殊的语法,可以把该窗口的属性作为全局变量来使用。例如,我们可以直接写document,而不必写window.document。
方法 | 描述 |
alert() | 弹出一个带有一段消息和确认按钮的窗体 |
blur() | 把键盘焦点从顶层窗口移开 |
clearInterval() | 取消由setInterval()设置的timeout |
clearTimeout() | 取消有setTimeout()方法设置的timeout |
close() | 关闭浏览器窗口 |
confirm() | 显示带有一段消息以及确认按钮盒取消按钮的对话框 |
focus() | 把键盘焦点给予一个窗口 |
moveBy() | 可相对窗口的当前坐标移动指定的像素 |
moveTo() | 把窗口的左上角移动到一个指定的坐标 |
open() | 打开一个新的浏览器窗体 |
prompt() | 显示可提示用户输入的对话框 |
resizeBy() | 按照指定的像素调整窗口的大小 |
resizeTo() | 把窗体的大小调整到指定的宽度和高度 |
scrollBy() | 按照指定的像素值来滚动内容 |
scrollTo() | 把内容滚动到指定的坐标 |
setInterval() | 按照指定的周期(毫秒)来调用函数或计算表达式 |
setTimeout() | 在指定的毫秒数后调用函数或表达式 |
1.window.open("www.baidu.com","dqcx","height=200,width=300,top=20,left=20,resizable=yes"); //打开一个新的窗体 2.if(confirm(“确定关闭?”)) alert("你点击了确定"); else alert("你点击了取消"); //confirm()方法,注意它只接受一个参数,即要显示的文本 3.var name=prompt("姓名:",""); //prompt()方法,提示用户输入某些信息,接受连个参数,一个显示文本,一个默认输入文本 4.window.history.go(-1); //后退一页 window.history.go(1); //前进一页
PS:相关的用法很多,这里简单列了几个,可以根据以上表格一一学习研究。
location对象
location对象存储在window对象的location属性中,表示当前页面的URL地址。
属性 | 描述 |
host | 设置或返回主机名和当前URL的端口号 |
hostname | 设置或返回当前URL的主机名 |
href | 设置或返回完整的URL |
port | 设置或返回当前URL的端口号 |
protocol | 设置或返回当前URL的协议 |
search | 设置或返回从问号(?)开始的URL,也就是查询字符串 |
- href属性是既可以读又可以写的字符串
- local对象的方法
- assign()方法:加载新的文档
- reload()方法:重新加载当前文档(对于此方法由于网络延迟和系统资源等不确定因素,最好放到调用的最后一行)
- replace()方法:用新的文档替换当前文档
navigator对象
通过这个例子应该蛮容易理解,就不列表格了、、、
screen对象
javascript可以获取某些关于用户屏幕的信息
属性 | 描述 |
availHeight | 返回显示屏幕的高度(除window任务栏) |
availWidth | 返回显示屏幕的宽度(除window任务栏) |
deviceXDPI | 返回显示屏幕的每英寸水平点数 |
deviceXDPI | 返回显示屏幕的每英寸垂直点数 |
fontSmoothingEnabled | 返回用户是否在显示控制面板中开启了字体平滑 |
height | 返回显示屏幕的高度 |
logicalXDPI | 返回显示屏幕每英寸的水平方向的常规点数 |
logicalYDPI | 返回显示屏幕每英寸的垂直方向的常规点数 |
pixelDepth | 返回 显示屏幕的颜色分辨率(比特每像素) |
updateInterval | 设置或返回屏幕的刷新率 |
width | 返回显示器屏幕的宽度 |
每个window对象的screen属性都引用screen对象。该对象存放着有关显示器屏幕相关的信息,我们可以根据这些信息来优化页面的输入等等。
孤独的根号3
以上纯属基础知识,大家自己慢慢实际操作吧,我就点到为止咯!
接下来快要去实习了,从来木有出过远门,独处异乡的我该怎么办?想想,LOL也戒了,剩下博客园陪我,够了、、、成长ing
转载于:https://www.cnblogs.com/vchenpeng/p/3176384.html
浏览器对象模型(BOM)相关推荐
- 浏览器对象模型BOM
访问和操作浏览器窗口的模型称为浏览器对象模型BOM(Browser Object Model),但习惯上是把所有针对浏览器的JavaScript扩展都纳入BOM的范畴.BOM提供了一组独立于网页内容而 ...
- js笔记(四)内置对象Math和Date()、浏览器对象模型BOM
大标题 小标题 备注 一.内置对象Math.Date() 1. Math 数学对象; 2. Date() 日期对象; 常用的数学对象:Math.PI.abs(n).round(n).random(). ...
- 浏览器对象模型bom的作用是什么?
浏览器对象模型bom的作用是什么? 零.总结 1.BOM提供了独立于内容而与浏览器窗口进行交互的对象 2.BOM提供了一些访问窗口对象的一些方法,我们可以用它来移动窗口位置,改变窗口大小,打开新窗口和 ...
- JavaScript浏览器对象模型BOM
JavaScript浏览器对象模型BOM ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ...
- 浏览器对象模型BOM学习
BOM 浏览器对象模型 BM可以使我们通过JS来操作浏览器 在BOM中为我们提供了一组对象,用来完成对浏宽器的操作 B0M对象 Window 代表的是整个浏览器的窗口,同时window也是网页中的全局 ...
- 什么是BOM BOM概述 浏览器对象模型 BOM的构成
什么是BOM BOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window: BOM是由一些列相关对象构成,并且每个对象 ...
- 浏览器对象模型 (BOM)
浏览器 目前主流的浏览器分这么几种: IE 6~11:国内用得最多的IE浏览器,历来对W3C标准支持差.从IE10开始支持ES6标准: Chrome:Google出品的基于Webkit内核浏览器,内置 ...
- 前端之浏览器对象模型(BOM)
1.BOM 概念: BOM(Browser Object Model) 是指浏览器对象模型,浏览器对象模型提供了独立于内容的.可以与浏览器窗口进行互动的对象结构.BOM由多个对象组成,其中代表浏览器窗 ...
- JavaScript学习总结(一)——ECMAScript、BOM、DOM(核心、浏览器对象模型与文档对象模型)...
一.JavaScript简介 JavaScript是一种解释执行的脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型,它遵循ECMAScript标准.它的解释器被称为JavaScript引 ...
最新文章
- 厉害了,网易伏羲三篇论文上榜 AI 顶会 ACL
- 寻路基本工具类定义 AIDefine.cpp
- 阿里云联合顶级卫星影像公司发布数字地球引擎
- python dataframe索引_pandas DataFrame 行列索引及值的获取的方法
- java遍历字符串_Java后端开发算法基础面试题分享,你离大厂也许就差这份面试题
- qpython op怎么用_QPython OP
- 通知!7月SCI/SSCI/EI目录已更新,大批中科院1-4区好刊,请查收!
- 电子面单打印模板规格汇总-快递鸟
- 工作之RF功能开发入门
- LaTex 常用数学公式符号速记
- 2021年信息安全工程师真题与答案
- pytorch中的nn.Unfold()函数和fold(函数详解
- 利用js快速完成大学生新生安全教育课程
- mysql 美东时间格式_C#/.NET怎么样将UTC时间转换成美国东部时间(EST)
- AirPods Pro 和 AirPods 3 固件更新,或将提升稳定性,如何操作看这里
- pdf转换器哪个软件好用还免费?来这里获得实用技巧!
- java hypot_Java StrictMath hypot()方法与示例
- 【国产MCU移植】移植RT-Thread到国产芯片HC32L196
- iOS - Icon图标、启动图片、审核图片尺寸
- 未对文件 C:\Users\Administrator\Documents\WindowsPowerShell\profile.ps1 进行数字签名。无法在当前系统上运行该脚本。
热门文章
- Java工作笔记-WebService使用JDK搭建WebService及调用
- 前端笔记-thymeleaf获取及回显select数据(combox)
- C++设计模式-中介者模式
- Java笔记-使用RabbitMQ的Java接口实现Publish/Subscribe(订阅模式)
- 最小生成树(克鲁斯卡尔算法)
- java coherence_Coherence配置默认覆盖路径
- java微信服务商支付,Java 微信支付之APP支付服务端 (二)
- ar android app,RakugakiAR安卓版
- updatebyprimarykeyselective怎么更新某个字段为null_一千个不用 Null 的理由
- 2015蓝桥杯b组java_Java实现第十一届蓝桥杯JavaB组 省赛真题