当前位置：文档之家 › BOM——浏览器对象模型(Browser_Object_Model)

BOM——浏览器对象模型(Browser_Object_Model)

  • 格式：docx
  • 大小：145.44 KB
  • 文档页数：12

BO ■—浏览器对象模型(BrowserObject Model)什么是BOMI --- 模型是所研究的系统、过程、事物或概念的一种表达形式!•BOh是Browser Object Model的缩写，简称浏览器对象模型•BOM提供了独立于内容而与浏览器窗口进行交互的对象•由于BOMfc要用于管理窗口与窗口之间的通讯，因此其核心对象是window * BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性« BOM缺乏标准，JavaScript语法的标准化组织是ECMADOM勺标准化组织是W3（WHATWG,WebHypertextApplicati on Tech nologyWorki ngGroup ----- 网页超文本应用程序技术工作组目前正在努力促进BOMS标准化）* BOMR初是Netscape浏览器标准的一部分基本的BOM体系结构图能利用BOM做什么?BOh提供了一些访问窗口对象的一些方法，我们可以用它来移动窗口位置，改变窗口大小，打开新窗口和关闭窗口，弹出对话框，进行导航以及获取客户的一些信息如：浏览器品牌版本，屏幕分辨率。

但BOMR强大的功能是它提供了一个访问HTML页面的一入口-- document对象，以使得我们可以通过这个入口来使用DOM勺强大功能！！！window对象是BOM的顶层（核心）对象，所有对象都是通过它延伸出来的，也可以称为window的子对象。

由于window是顶层对象，因此调用它的子对象时可以不显示的指明window对象，例如下面两行代码是一样的：window -- window对象是BOM中所有对象的核心。

window对象表示整个浏览器窗口，但不必表示其中包含的内容。

此外，wi ndow还可用于移动或调整它表示的浏览器的大小，或者对它产生其他影响。

win dow子对象* docume nt 对象* frames 对象« history 对象* locatio n 对象* n avigator 对象« scree n 对象wi ndow对象关系属性•pare nt :如果当前窗口为frame，指向包含该frame的窗口的frame （frame）* self :指向当前的window对象，与window 同意。

（window对象）* top :如果当前窗口为frame，指向包含该frame的top-level 的window 对象•window :指向当前的window对象，与self 同意。

・opener ：当窗口是用javascript 打开时，指向打开它的那人窗口 (开启者) win dow对象定位属性« IE 提供了window.screenLeft 和window.screenTop 对象来判断窗口的位置，但未提供任何判断窗口大小的方法。

用offsetHeight 属性可以获取视口的大小(显示HTML页的区域)，但它们不是标准属性。

* Mozilla 提供window.screenX 和window.screenY 属性判断窗口的位置。

它还提供了window.innerWidth 和window.innerHeight 属性来判断视口的大小，window.outerWidth和window.outerHeight 属性判断浏览器窗口自身的大小。

wi ndow对象的方法窗体控制moveBy(x,y) ------ 从当前位置水平移动窗体x个像素，垂直移动窗体y个像素，x为负数，将向左移动窗体，y为负数，将向上移动窗体moveTo(x,y)----------------------- 移动窗体左上角到相对于屏幕左上角的(x,y)点，当使用负数做为参数时会吧窗体移出屏幕的可视区域resizeBy(w,h)――相对窗体当前的大小，宽度调整w个像素，高度调整h个像素。

如果参数为负值，将缩小窗体，反之扩大窗体resizeTo(w,h) ------- 把窗体宽度调整为w个像素，高度调整为h个像素窗体滚动轴控制scrollTo(x,y)――在窗体中如果有滚动条，将横向滚动条移动到相对于窗体宽度为x个像素的位置，将纵向滚动条移动到相对于窗体高度为y个像素的位置scrollBy(x,y) ――如果有滚动条，将横向滚动条移动到相对于当前横向滚动条的x个像素的位置(就是向左移动x像素)，将纵向滚动条移动到相对于当前纵向滚动条高度为y个像素的位置(就是向下移动y像素)窗体焦点控制focus() ------- 使窗体或控件获取焦点blur() -------- 与focus函数相反，使窗体或控件失去焦点新建窗体open() ------ 打开(弹出)一个新的窗体close() ------- 关闭窗体opener属性——新建窗体中对父窗体的引用，中文"开启者"的意思window.open方法语法open方法参数说明* url -- 要载入窗体的URL・name--新建窗体的名称（目标,将在a标签的target属性中用到，当与已有窗体名称相同时将覆盖窗体内容）.open函数默认的打开窗体的方式为target的_blank弹出方式，因此页面都将以弹出的方式打开* features -- 代表窗体特性的字符串，字符串中每个特性使用逗号分隔* replace -- 一个布尔值，说明新载入的页面是否替换当前载入的页面，此参数通常不用指定open函数features参数说明,如果不使用第三个参数，将打开一个新的普通窗口open方法返回值为一个新窗体的win dow对象的引用对话框alert(str) ---------- 弹出消息对话框(对话框中有一个“确定”按钮)con firm(str) -------- 弹出消息对话框(对话框中包含一个“确定”按钮与“取消”按钮)prompt(str,defaultValue) ------------ 弹出消息对话框(对话框中包含一个“确定”按钮、“取消”按钮与一个文本输入框)，由于各个浏览器实现的不同，若没有第二个参数(文本框中的默认值)时也最好提供一个空字符串状态栏window.defaultStatus 属性 ----- 改变浏览器状态栏的默认显示(当状态栏没有其它显示时)，浏览器底部的区域称为状态栏，用于向用户显示信息win dow.status 属性---- 临时改变浏览器状态栏的显示时间等待与间隔函数setTimeout() ------- 暂停指定的毫秒数后执行指定的代码clearTimeout() -------- 取消指定的setTimeout函数将要执行的代码set In terval() --------- 间隔指定的毫秒数不停地执行指定的代码clearlnterval() ----------- 取消指定的setlnterval 函数将要执行的代码setTimeout与setInterval 方法有两个参数，第一个参数可以为字符串形式的代码，也可以是函数引用，第二个参数为间隔毫秒数，它们的返回是一个可用于对应clear方法的数字IDvar tid = setTimeout("alert('1')",1000); alert(tid);clearTimeout(tid);History对象,在浏览器历史记录中导航History对象的属性:length 返回浏览器历史列表中的URL数量History 对象的方法* back()加载history 列表中的前一个URL* forward() 加载history 列表中的下一个URL* go(num)加载history 列表中的某个具体页面Locati on 对象Locati on 对象的属性« hash设置或返回从井号(#)开始的URL (锚)« host设置或返回主机名和当前URL的端口号* host name设置或返回当前URL的主机名« href设置或返回完整的URL* path name设置或返回当前URL的路径部分« port设置或返回当前URL的端口号« protocol设置或返回当前URL的协议« search设置或返回从问号(?)开始的URL (查询部分)Locati on对象的方法* assign()加载新的文档,这与直接将一个URL赋值给Location对象的href属性效果是一样的* reload()重新加载当前文档，如果该方法没有规定参数，或者参数是false，它就会用HTTP头If-Modified-Sinee 来检测服务器上的文档是否已改变。

如果文档已改变，reload() 会再次下载该文档。

如果文档未改变，则该方法将从缓存中装载文档。

这与用户单击浏览器的刷新按钮的效果是完全一样的。

如果把该方法的参数设置为true，那么无论文档的最后修改日期是什么，它都会绕过缓存，从服务器上重新下载该文档。

这与用户在单击浏览器的刷新按钮时按住Shift 健的效果是完全一样。

* replace() 用新的文档替换当前文档，replace() 方法不会在History 对象中生成一个新的纪录。

当使用该方法时，新的URL将覆盖History对象中的当前纪录。

Navigator 对象Navigator对象的属性* appCodeName返回浏览器的代码名* appName返回浏览器的名称* appVersion返回浏览器的平台和版本信息* browserLanguage返回当前浏览器的语言* cookieEnabled返回指明浏览器中是否启用cookie 的布尔值* cpuClass返回浏览器系统的CPU等级* on Li ne返回指明系统是否处于脱机模式的布尔值* platform返回运行浏览器的操作系统平台* systemLa nguage返回OS使用的默认语言* userAge nt返回由客户机发送服务器的user-age nt 头部的值* userLanguage返回OS的自然语言设置框架与多窗口通信子窗口与父窗口只有自身和使用window.open方法打开的窗口和才能被JavaScript访问,window.open方法打开的窗口通过window.opener属性来访问父窗口。

而在opener窗口中，可以通过window.open方法的返回值来访问打开的窗口！框架win dow.frames 集合：在框架集或包含iframe标签的页面中，frames集合包含了对有框架中窗口的引用在框架集中还可以使用ID来获取子窗口的引用子窗口访问父窗口--- window对象的pare nt属性子窗口访问顶层--- window对象的top属性浏览器检测市场上的浏览器种类多的不计其数，它们的解释引擎各不相同，期待所有浏览器都一致的支持JavaScript,CSS,DOM,那要等到不知什么时候，然而开发者不能干等着那天。

合集下载

javaee英语单词文档整理

javaee英语单词文档整理

1. web阶段：------------------------- javaweb_day01 ---------------------------------------------1.html 超文本标记语言(Hyper ['h a ipa]text Markup Language)2.color['k A H(r)]颜色、颜料3.size [saiz]大小、尺寸4.align ©lain]对齐、排列、对齐方式5.center「senta(r)]居中、中心、中央6.left [left]左边、居左、左对齐7.right [rait]右边、居右、右对齐、正确的8.paragraph ['p况ragr况f]段落、段<P></P>9.width [wide]宽度10.height [hait]高度、身高11.image ['imi*]图片、图像<img src=" ”/12.list[iist]列表、目录、集合13.order.da] list 有序列表14.unorder list 无序列表15.type[taip类型、品种、样式16.spacing ['spesin]间隙、字距17.rowspan 合并行18.colspan 和并列19.form[f〉m]表单、形式、形状20.input [骨十用输入、输入框21.readonly 只读的22.disable [dis'eib(a)l]禁用、无效23.action ['况kj(a)n]行动、动作24.method ['meead]方法、办法------------------------- javaweb_day02 ---------------------------------------------25.css层叠样式表26.style[stail]样式、风格27.border['b》da]边框、边界28.background ['b况kgraund]背景29.float[flot]漂浮、浮动30.display[di'splei]显示、显示方式、展示31.inline ['in,lain]内联的、行内32.block[blDk]块、阻塞、大块的33.margin ['ma:d§in]外边距、边缘34.padding ['p况din]内边距、填充35.bottom ['bntam]底部、末端36.link [link]连接、结合37.text [tekst]文本38.visited['vizitid]E访问、访问过39.hover['hnva]悬停、盘旋、徘徊40.active [,况ktiv]积极地、激活的、活跃的41.script[skript]脚本42.undefined [A ndi'faind]未定义的、不明确的43.variable ['veriabl]变量、可变的、多变的44.array@rei]数组45.length [|曲创长度46.join 口眄川加入、参加、连接47.reverse [ri'v^s]颠倒、倒转48.popup['pap,Ap]弹出、发射49.push [puj]推进、增加50.DOM (document object model)文档对象模型51.BOM (browser object model) 浏览器对象模型------------------------- javaweb_day03 ------------------------------52.window['windo]窗口、窗户53.eval[i'v况1]重新运算求出参数的内容54.encode [in'kod]编码55.decode['di'kod]解码56.parse[pars]解析、分析57.function['fAnkjan]函数、功能58.alert®],]警告、警戒、警惕59.confirm [kan'f^m]确认、确定60.interval ['int^vl]间隔、间距61.location [lo'kejan]位置、地点、定位62.document['dDkjum(a)nt]文档、文件63.element ['e1im(a)nt]元素、要素64.attribute [a'tribju:t]属性65.node [nod]节点、交点66.onclick鼠标单击67.onblur元素失去焦点68.onchange用户改变域的内容69.ondblclick鼠标双击某个对象70.onfocus元素获得焦点71.onkeydown某个键盘的键被按下72.onkeyup某个键盘的键被松开73.mouse [maus]鼠标74.onload某个页面或图像被完成加载75.onsubmit提交按钮被点击76.appendChild添加子节点77.removeChild删除子节点78.createElement创建元素节点79.createTextNode创建文本节点------------------------- javaweb_day0480.containeq kan'ten加容器81.row[ro]仃82.column [,kalam]歹U83.offset[Q f,szt]偏移84.hidden[,h1dn]隐藏、躲藏85.visible['viz9bl]可见的、看的见的------------------------- javaweb_day05 --------------------------------------------------86.sql 结构化查询语言(Structured Query Language)87.create[kri：'eit]创建、创造88.database ['detabes]数据库、资料库89.character [,k况rakta]字符集90.collate [ka,let]核对、校对91.show [j o]显示、说明92.drop[drap]终止、下降93.alte qb it加改变、更改94.primary[,praimeri] key主键;主关键字;主键约束;约束95.foreign[,f3ran] key外键;外键约束;约束;外健96.unique[ju,nik]唯一的、独一无二的97.auto increment 自动增长98.table[,tebl]表格99.desc降序、描述100.modify [,mndifai]修改、修饰101.change [tjein(d)3]改变、变化102.rename [rir'neim]重命名、改名103.insert into 插入104.update [A p'deit]更新、修改105.delete [di'li:t]删除106.truncate [trA^'ket]删除、截断107.select[si,lekt]查询、选择、挑选108.between...and…在... 之间109.order by 排序110.group [grurp] by 分组------------------------- javaweb_day06 -------------------------------------------------- 111.skip[skip]跳跃、跳过112.password即出s,wa:d]密码113.constraint[kan,strent]约束、限制114.reference [,refrans]参考、参照、引用115.cross join 交叉连接116.inner join 内连接117.left outer join 左外连接118.right outer join 右外连接119.transaction [tr况n'z况kjan]事务mit[ka,mit]提交、委托121.rollback[,rolb况k]回滚、回降122.serializable 可串行化的------------------------- javaweb_day07 和javaweb_day08 ----------------------------123.driver ['draiv加manager ['m况nid§加驱动管理器124.connection [ka'nekjan]连接、联系125.statement ['stetmant]申明、陈述126.ResultSet 结果集127.batch [b无5批量、批次128.execute[*ksikjut]实行；执行129.query['kwiri]询问、查询130.close[kioz]关闭、结束131.properties ['prnpatiz]属性、特性 ------------------ j avaweb_day09 132.localhost本地服务器、本地主机133.client['klaiant]客户端、客户机134.server [§-]服务器、服务端135.config[kan'fig]配置、配置文件、布局work['netw3：k]网络137.request[ri'kwest〕请求、要求138.response [ri'spnns]响应、回应、回答er agent用户客户端140.status [:s t e ta s] code 状态码141.refresh[ri'fr叮]刷新、更新142.servlet ['soviet]小服务程序143.url-pattern ['p况t^n]路径144.generiq d^i'nerik]一般的、通用的------------------------- javaweb_day10 --------------------------145.init [i'nit]初始化146.service[,s3：Vis]服务、服侍147.destroy [di'strii]销毁、消灭、148.load-on-startup 启动时加载149.context['kantzkst]环境、上下文150.resource['riS D rs]资源151.real path真实路径152.redirect [[,ri：da'rekt]]重定向、重新导向153.ContentType :内容类型154.parameter [pa'r况mIta]参数------------------------- javaweb_day11 --------------------------155.model['mDdl]模型、典型、模范156.controlleq kan'traula]控制器157.view[vju：]视图、视角、观察、风景158.dispatcher [dis'potja]调度员、转发器159.forward ['f^wad]前进、向前------------------------- javaweb_day12 --------------------------160.cookie['kuki]饼干；小甜点161.session ['sej(a)n]会话、会议 ------------------------- j avaweb_day13162.page[peid§]页、页面163.include [in'klu:d]包含、包括164.taglib标签库、标签nguage['l出ggwid§]语言、语种166.application [vpli'keij⑹n]应用、应用程序167.exception [建血加异常168.scope[skaup]范围、作用域169.items [l aItam]条目、项目170.step[step]步、脚步、步骤------------------------- javaweb_day14 ----------------------------- 171.listener「iis(a)na]监听器、听众172.filter「fiita]过滤器、过滤173.bind[baind]绑定、结合174.unbind^n'baind]解绑、解放175.passivate ['p,siveit]钝化176.activate [',ktiveit]活化、激活177.chain [tjein]链、枷锁178.filter-chain 过滤器链------------------------- javaweb_day15 ----------------------------- 179.upload [，/p'lod]上传180.file upload 文件上传181.disk[disk]磁盘182.factory ['f,kt(a)ri]工厂183.download[daun,6ud]下载------------------------- javaweb_day16 -----------------------------1.Jquery : 一款流行的js框架2.calllback :回调3.each [itj]每个4.length [1句8]长度5.selector [sskkt加选择器6.remove [ri'muv]移除，删除7.queue [kju] 入队列，使…成为队列8.dequeue。

javascript复习资料

javascript复习资料

Javascript》复习题一、选择题1．JavaScript是（B） .A．一种Java 编程语言,不同的是它可以用于网页开发B．一种解释性的、用于客户端的、基于对象的程序开发语言C．一种用于Mozilla的Firefox浏览器和Microsoft的Internet Explorer浏览器的网页开发语言D．一种用于制作网页动画效果的程序开发语言2．JavaScript程序在不同的浏览器上运行时，将(A）得到相同的效果。

A．一定B．不一定3．在浏览器上运行JavaScript程序，可以（D）A．动态显示网页内容B．校验用户输入的内容C．进行网页的动画显示D．具有以上各种功能4．编写JavaScript时，（C）A．应使用专门的JavaScript编辑软件B．只能使用Microsoft FrontPage软件C．可以使用任何一种文本编辑软件D．只能使用Macromedia Dreamweaver软件5．在HTML文件中编写JavaScript程序时，应使用标记（C)A．<javascript〉B．<scripting〉C．〈script>D．<js>6．在HTML文件中编写JavaScript程序时,使用标记〈!-— //-—〉表示（C）A．注释语句B．重点突出语句C．对于不支持JavaScript程序的浏览器，隐藏程序内容D．没有任何意义7．使用外部JavaScript程序文件的正确格式是(B)A．<script href=”xxx。

js" type="text/javascript"〉B．<script src=”xxx。

js" type=”text/javascript”>C．<script name=”xxx。

js” type="text/javascript”>D．〈script file="xxx。

js 语法

js 语法

js 语法
1.JS认识
js是解释性的语言，V8引擎JS全称JavaScript。

设计目的：在静态页面的基础添加动态效果由网景公司布兰登•艾奇设计开发，命名为JavaScript。

当时，Java很火，网景想借用java的名气来推广，实际上，javaScript 与java没有任何关系。

2. JS分成三部分
1）ES：ECMAScript，简称ES，称他为语法部分ECMA：欧洲计算机制造商协会，制定了一套JS规则，JavaScript是对这套规则的具体体现
2）DOM：JS高级编程，DocumentObjectModel, 文档对象模型，用来操作页面的
3）BOM：BrowserObjectModel, 浏览器对象模型，用来操作浏览器的
3.JS的运行环境
JS解释器
浏览器中集成了JS解释器
Node.js：集成了JS解释器
4.JS存在价值
1.在用户体验方面，功不可没
2.减轻服务器压力：相关的数据验证可以直接在客户端完成。

关于BOM知识的整理

关于BOM知识的整理

关于BOM知识的整理概述： BOM：浏览器对象模型（Browser Object Model） BOM包含内容： window对象（核⼼） location对象 navigator对象 screen对象 history对象⼀、window对象 双重⾝份：全局(Global)对象；浏览器的实例。

窗⼝关系及框架：window.frames，集合。

top.frames：最外层的框架。

窗⼝⼤⼩：window.innerWidth / window.innerHeight 。

导航和打开窗⼝：window.open()，打开窗⼝，接收4个参数：URL、窗⼝⽬标、窗⼝属性(字符串)、是否取代浏览器历史记录(布尔值)。

定时器：setTimeout() / setInterval()　； 系统对话框：alert() / confirm() / prompt() 警告/确认/输⼊。

⼆、location对象 window.location与document.location引⼊同⼀个对象。

查询字符串参数：location.scarch 哈希值：location.hash三、navigator对象 ⽤户代理信息：eragent，可以获得⽤户的操作系统、浏览器版本、渲染的内核等信息。

注意：1. ⽤户的信息可以轻易伪装；2. 可以利⽤⽤户代理信息，来决定展⽰相应的页⾯（pc端/⼿持端）。

alert( erAgent ) ：查看⽤户代理信息；⽤法实例：if( erAgent.indexOf("MSIE") !== -1 ){ alert("IE浏览器" ) ； }四、screen对象　很少使⽤五、history对象 跳转：history.go()，参数为数值，前进后退的页数。

前进：history.forward()。

后退：history.back()。