`
兰色星座
  • 浏览: 10189 次
  • 性别: Icon_minigender_2
社区版块
存档分类
最新评论

BOM 浏览器对象模型

阅读更多
Window对象
1.所有浏览器都支持window对象,它表示浏览器窗口;
2.用法
  • 属性:对象名.属性名
  • 方法:对象名.方法名();
  • 事件:对象名.事件名=callback;
3.所有JavaScript全局对象、函数以及变量均自动成为window对象的成员;
  • 全局变量是window对象的属性
  • 全局函数是window对象的方法
  • 举例:
  • <script type="text/javascript">
    		var name="gsl";//name为全局变量
    		function showname()//showname为全局函数
    		{
    			return("my name is gsl");
    		}
    		console.debug(name);
    		console.debug(sayname());
    		console.debug(window.name);
    		console.debug(window.sayname());
    	</script>

    后台结果展示:


    4. HTML DOM 的 document 也是 window 对象的属性之一;
        window的属性包括子级DOM对象(history、location、document)以及screen等
    5.作为DOM的根,window可以省略不写;
    6.window的方法(涉及到浏览器兼容性):
    • 消息框
    •         1)alert:没有返回值,仅用于给出提示框;window.alert("");
              2)confirm:有2个按钮分别表示true、false,返回值为Boolean类型;window.confirm("");
              3)prompt:有2个按钮和一个输入框,确定时返回string类型值,取消返回object类型值(null);window.prompt("");
    • 窗口
    •         1)open:打开一个新窗口(新选项卡);window.open("URL");
              2)showModalDialog:以模式(不关闭无法返回原窗口)方式打开新窗口,Chrome不支持,IE、FF支持;window.showModalDialog("URL");
              3)close:关闭当前窗口,如果是由open或showModiaDialog方法打开的窗口肯定可以关闭;如果是直接在浏览器地址栏输入地址打开的窗口则根据浏览器不同规则有所不同;window.close();
    • 定时器:(设定一个回调函数和一个延时时间)
    •         1)setTimeout:延时定时器,最多执行一次
              2)setInterval:循环定时器,只要不清除,一直会执行
              3)clearTimeout/clearInterval:清除定时器时不区分延时还是循环定时器,建议尽量按照类别清除
    7.window的事件
    • onload:页面加载完成后执行;
    • onscroll:页面滚动后执行;
    • oncontextmenu:右键菜单
    • 大小: 4.7 KB
    分享到:
    评论

    相关推荐

      bom浏览器对象模型

      bom浏览器对象模型,bom的一些常用属性跟方法,便于大家学习

      10JavaScript浏览器对象模型BOM.docx

      JavaScript浏览器对象模型(BOM,Browser Object Model)是JavaScript在Web开发中用于操作浏览器特性的核心部分。它不依赖于HTML文档对象模型(DOM),而是提供了与浏览器交互的一系列对象,如Window、Navigator、...

      Bom(浏览器对象模型)思维导图

      Bom(浏览器对象模型)思维导图

      slide-bom:浏览器对象模型 (BOM) 的网页幻灯片

      "Slide-BOM: 浏览器对象模型(BOM)的网页幻灯片" 是一个关于Web开发的主题,特别是聚焦在JavaScript中的浏览器对象模型(Browser Object Model)。"滑动炸弹"可能是指一种动态效果或者交互设计,其中幻灯片以滑动方式...

      JavaScript基础语法.pdf

      JavaScript基础语法是JavaScript语言的核心部分,包括ECMAScript的基础语法、DOM文档对象模型和BOM浏览器对象模型等。JavaScript是一种具有面向对象能力的、解释型的程序设计语言,主要目的是验证发往服务器端的数据...

      第四章 浏览器对象模型BOM

      【第四章 浏览器对象模型BOM】 Browser Object Model(BOM)是JavaScript与浏览器交互的核心机制,允许开发者操控浏览器的各种功能。虽然BOM没有官方标准,但现代浏览器已经形成了事实上的统一标准。BOM的主要功能...

      JavaScript 浏览器对象模型BOM原理与常见用法实例分析

      本文实例讲述了JavaScript 浏览器对象模型BOM原理与常见用法。分享给大家供大家参考,具体如下: 什么是BOM BOM:Browser Object Model,浏览器对象模型 从上图也可以看出: window对象是BOM的顶层(核心)对象,...

      JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解

      本文实例讲述了JavaScript浏览器对象模型BOM。分享给大家供大家参考,具体如下: window对象位于BOM层次结构的最顶层。它包含了一些非常重要的子对象,包括location,navigator,document,screen,history。...

      JavaScript Window – 浏览器对象模型

      浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器”对话”。 浏览器对象模型 (BOM) 浏览器对象模型(Browser Object Model (BOM))尚无正式标准。 由于现代浏览器已经(几乎)实现了 JavaScript 交互性方面的...

      《Web前端开发从入门到精通》[定义].pdf

      * Math对象、Date对象、DOM文档对象模型、BOM浏览器对象模型等概念 * 构造函数、闭包、面向对象、作用域、原型与原型链等高级概念 * Web开发综合案例、初级前端工程师面试题讲解等 jQuery实战 * jQuery的基本语法...

      头歌教学实践平台 Web前端开发基础 JavaScript学习手册十六:浏览器对象模型

      JavaScript学习手册十六主要聚焦在浏览器对象模型(Browser Object Model,简称BOM)这一主题,它是Web前端开发中的重要组成部分。BOM允许JavaScript与浏览器进行交互,控制窗口、导航、历史记录、时间等特性,提供...

      JavaScript Window浏览器对象模型原理解析

      浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器”对话”。 浏览器对象模型 (BOM) 浏览器对象模型(Browser Object Model (BOM))尚无正式标准。 由于现代浏览器已经(几乎)实现了 JavaScript 交互性方面的...

      《Web前端开发从入门到精通》.pdf

      * BOM浏览器对象模型 * 计时器的原理与应用 * 不同数据类型数据的操作方法 * 构造函数的基本知识 * 闭包、面向对象 * 作用域的基本知识、原型与原型链 5. jQuery知识点: * jQuery的基本语法 * jQuery中的常用选择...

      BOM对象和DOM对象

      BOM,浏览器对象模型,主要负责处理浏览器窗口、框架、导航、历史记录等与浏览器相关的功能。它不是一个标准,而是由各浏览器厂商实现的一系列接口,用于JavaScript操作浏览器特性。BOM的核心对象是`window`,它代表...

      浏览器对象BOM.ppt

      浏览器对象模型(BOM,Browser Object Model)是Web开发中的一种特性,自IE3和Netscape Navigator 3以来被广泛使用。BOM的核心在于它允许开发者通过JavaScript对浏览器窗口进行访问和操作,超越了HTML文档本身的内容...

      BOM和DOM模型图

      ##### BOM:浏览器对象模型 BOM并不是一个标准,而是浏览器厂商为了实现某些功能而提供的一系列API的集合。它提供了与浏览器交互的方法和属性,例如弹出新窗口、获取屏幕分辨率等。BOM的核心是`window`对象,几乎...

      JavaScript 浏览器对象模型BOM使用介绍

      JavaScript 浏览器对象模型(BOM)是Web开发中不可或缺的一部分,它允许开发者与用户的浏览器进行交互,而不仅仅是操作HTML文档。BOM的核心对象是`window`,它代表了一个浏览器窗口实例,同时也是全局作用域的基底,...

      JavaScript基础学习资料

      JavaScripte变量,JavaScript运算符,JavaScript数组,JavaScript流程语句,JavaScript字符串函数,JavaScript函数基础,JavaScript基础DOM操作,JavaScript正则表达式,DOM对象,BOM浏览器对象模型

    Global site tag (gtag.js) - Google Analytics