什么是BOM
BOM是browser object model的缩写,简称浏览器对象模型
BOM提供了独立于内容而与浏览器窗口进行交互的对象
由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window
BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性
BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C
BOM最初是Netscape浏览器标准的一部分
BOM章节中你将学到什么
BOM教程中,同学们将学到与浏览器窗口交互的一些对象,例如可以移动,调整浏览器大小的window对象,可以用于导航的location对象与history对象,可以获取浏览器,操作系统与用户屏幕信息的navigatorscreen对象,可以使用document作为访问HTML文档的入口,管理框架的frames对象等
BOM结构图
window对象是BOM的顶层(核心)对象,所有对象都是通过它延伸出来的,也可以称为window的子对象。
由于window是顶层对象,因此调用它的子对象时可以不显示的指明window对象,例如下面两行代码是一样的:
示例
document.write("www.dreamdu");
window.document.write("www.dreamdu");
From "什么是BOM - JavaScript BOM 教程 - JavaScript教程"
JavaScript window 对象
window -- window对象是BOM中所有对象的核心
window,中文"窗口"的意思
引用网址:www.dreamdu/javascript/window/
window对象除了是BOM中所有对象的父对象外,还包含一些窗口控制函数
全局的window对象
JavaScript中的任何一个全局函数或变量都是window的属性
示例
var sTest="dreamdu";
document.write(sTest==window.sTest);
结果:
true
由于sTest是全局变量,因此可以通过window.sTest访问这个变量。
这点很重要,我们将在JavaScript作用域章节中详细介绍。
windowself对象
self对象与window对象完全相同,self通常用于确认就是在当前的窗体内。
window的子对象
JavaScript document 对象
JavaScript frames 对象
JavaScript history 对象
JavaScript location 对象
JavaScript navigator 对象
JavaScript screen 对象
window函数索引
窗体控制函数
JavaScript moveBy() 函数
JavaScript moveTo() 函数
JavaScript resizeBy() 函数
JavaScript resizeTo() 函数
窗体滚动轴控制函数
JavaScript scrollTo() 函数
JavaScript scrollBy() 函数
猴子提示: 上面几个函数的名字最后都带有ToByto是绝对的意思(从整体而言)by是相对的意思(从原先的位置而言)
窗体焦点控制函数
JavaScript focus() 函数
JavaScript blur() 函数
新建窗体函数
JavaScript open() 函数
JavaScript close() 函数
JavaScript opener 属性
对话框函数
JavaScript alert() 函数
JavaScript confirm() 函数
JavaScript prompt() 函数
状态栏属性
JavaScript window.defaultStatus 属性
JavaScript window.status 属性
时间等待与间隔函数
JavaScript setTimeout() 函数
JavaScript clearTimeout() 函数
JavaScript setInterval() 函数
JavaScript clearInterval() 函数
延伸阅读
JavaScript作用域
From "JavaScript window 对象 - JavaScript BOM 教程 - JavaScript教程"
JavaScript focus() 函数
focus -- 使窗体或控件获取焦点
focus,中文"焦点"的意思
引用网址:www.dreamdu/javascript/focus/
focus函数语法
focus();
示例
function setblur()
{
        dreamdutxt.focus();
        dreamdutxt.blur();
}
<input type="button" value="获得焦点" onclick="javascript:dreamdutxt.focus()" />
<input type="button" value="失去焦点" onclick="setblur()" />
<input type="text" value="text" name="dreamdutxt" onblur="alert('dreamdutxt is onblur')" />
使控件失去与获得焦点
JavaScript focus() 函数示例 -- 可以尝试编辑
JavaScript focus() 函数示例 使控件获取与失去焦点
JavaScript blur() resizeby函数
blur -- focus函数相反,使窗体或控件失去焦点
blur,中文"模糊的意思
引用网址:www.dreamdu/javascript/blur/
blur函数语法

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。