javascript笔记5-BOM

Javascript应用的平台很多,不仅仅针对Web。在Web中使用Javascript,BOM(browser object model,浏览器对象模型)是核心。

BOM提供了很多对象,用于访问浏览器的功能。

  1. window对象。

    • BOM的核心对象是window,它表示浏览器的一个实例。
    • window有双重角色,一个是BOM提供的浏览器对象,javascript通过window来访问浏览器的各个功能、属性。比如:
    • window的另一重角色,是javascript的Global对象。

      Global对象不显式存在,但是它是一个对象,全局定义的属性、方法都属于Global对象。如果让Global显式存在,那么window就是一个实例。如此一来,那些全局属性、方法都能通过window来访问了。比如:
    • 如果页面包含框架(frame),那么每个框架都有自己的window对象,而且保存在frames集合中。
    • 最外层框架就是浏览器窗口。top对象就指向这个框架。如图:
    • window.open()有两个应用:
      • 导航到另一个URL;
      • 打开一个新的浏览器窗口。
    • 如果要过一会儿再执行某个方法,使用:setTimeout();

      温馨提示,这些方法都属于window对象,window不用显式写出来。当然,如果你写window.setTimeout...也是可以的。
    • 如果要每隔一段时间就执行某个方法,使用:setInterval();
    • 另外还有一些对话框函数:alert()、confirm()、prompt();
  2. location对象
    • location对象提供了当前窗口中加载的文档相关的信息以及一些导航信息。
    • location属于window对象的一个属性,同时又是document(属于DOM)对象的属性。
      所以,window.location和document.location引用的是同一个对象;
    • location的位置操作:
      • 打开新的url:

        location.assign("www.baidu.com");
        或
        window.location="www.baidu.com";
        或
        location.href="www.baidu.com";
  3. history对象
    • history对象保存着用户浏览的历史记录,它也是window对象的属性;

      history.go(-1);//后退一页
      history.go(2);//前进两页;
      history.go("www.xxx.com");//跳转到最近的指定url;
      history.back();//后退一页;
      history.forward();//前进一页;
  4. 其他对象:
    • navigator对象:识别客户端浏览器,用以检测插件、注册处理程序等。
    • screen对象:javaweb编程中不太使用。
时间: 2024-10-07 11:49:37

javascript笔记5-BOM的相关文章

JavaScript笔记之Function

一.函数定义 (1)使用function declaration 格式:function functionName(parameters) { function body } 注:此种方式声明的函数作用域是全局的,即在声明之前可以调用 (2)使用function expression 格式:var name = function (parameters) { function body }; 注:与(1)不同,在声明之前不可以调用 (3)使用function constructor() 格式:v

javascript笔记(二)

concat() 连接多个字符串,返回合并后的字符串. 1 var s1="a"; 2 var s2="b"; 3 var s3="c"; 4 5 console.log(s1.concat(s2,s3));//abc concat() 方法的结果等同于:result = s1 + s2 + ... + sN.如果有不是字符串的参数,则它们在连接之前将首先被转换为字符串. 数组中的concat():将参数添加为数组的元素,返回新的数组. 1 va

[Effective JavaScript 笔记]第28条:不要信赖函数对象的toString方法

js函数有一个非凡的特性,即将其源代码重现为字符串的能力. (function(x){ return x+1 }).toString();//"function (x){ return x+1}" 反射获取函数源代码的功能很强大,使用函数对象的toString方法有严重的局限性.toString方法的局限性ECMAScript标准对函数对象的toString方法的返回结果(即该字符串)并没有任何要求.这意味着不同的js引擎将产生不同的字符串,甚至产生的字符串与该函数并不相关. 如果函数

[Effective JavaScript 笔记]第27条:使用闭包而不是字符串来封装代码

函数是一种将代码作为数据结构存储的便利方式,代码之后可以被执行.这使得富有表现力的高阶函数抽象如map和forEach成为可能.它也是js异步I/O方法的核心.与此同时,也可以将代码表示为字符串的形式传递给eval函数以达到同样的功能.程序员面临一个选择:应该将代码表示为函数还是字符串?毫无疑问,应该将代码表示为函数.字符串表示代码不够灵活的一个重要原因是:它们不是闭包. 闭包回顾 看下面这个图 js的函数值包含了比调用它们时执行所需要的代码还要多的信息.而且js函数值还在内部存储它们可能会引用

[Effective JavaScript 笔记] 第4条:原始类型优于封闭对象

js有5种原始值类型:布尔值.数字.字符串.null和undefined. 用typeof检测一下: typeof true; //"boolean" typeof 2; //"number" typeof "s";//"string" typeof null;//"object":ECMAScript把null描述为独特的类型,但返回值却是对象类型,有点困惑. 可以使用Object.prototype.t

JavaScript:操作 BOM 和 DOM

JavaScript:操作 BOM 和 DOM 浏览器说明 由于JavaScript的出现就是为了能在浏览器中运行,所以,浏览器自然是JavaScript开发者必须要关注的. 目前主流的浏览器分这么几种: IE 6~11:国内用得最多的IE浏览器,历来对W3C标准支持差.从IE10开始支持ES6标准: Chrome:Google出品的基于Webkit内核浏览器,内置了非常强悍的JavaScript引擎——V8.由于Chrome一经安装就时刻保持自升级,所以不用管它的版本,最新版早就支持ES6了:

JavaScript笔记——BOM的操作和浏览器的检测

BOM的操作 BOM 也叫浏览器对象模型,它提供了很多对象,用于访问浏览器的功能.BOM 缺少规范,每个浏览器提供商又按照自己想法去扩展它,就可能存在浏览器不兼容的情况,那么浏览器共有对象就成了事实的标准. 所以,BOM 本身是没有标准的或者还没有哪个组织去标准它 window 对象 BOM 的核心对象是 window,它表示浏览器的一个实例.window 对象处于 JavaScript 结构的最顶层,对于每个打开的窗口,系统都会自动为其定义 window 对象 window的部分属性和方法 属

JavaScript学习笔记之BOM

BOM的核心对象是window,它既表示浏览器窗口以及页面可见区域,同时也是ECMAScript中的Globe对象,所有的全局变量和函数都是它的属性,并且所有的原声函数以及其他函数也都存在于它的命名空间下. 一,window窗口相关设置 1)获取浏览器窗口在显示屏的位置 根据浏览器不同,可以采用screenLeft,screenTop或者screenX,screenY,跨浏览器的代码如下: //获取浏览器的位置 var leftPos=(typeof window.screenLeft =='n

JavaScript学习笔记——7.BOM(浏览器对象模型)

1.定义 浏览器本身就具有一些对象,不用进行创建即可使用 2.window对象中的方法 alert() //弹框 confirm() //确认 onclick="return confirm('你确定要删除吗?')" setInterval() //定时器 clearInterval() //清除定时器 var timer=setInterval(function(){},1000);//设置定时器 clearInterval(timer); //清除定时器 setTimeout()

javascript笔记基础总结篇

Created at 2016-09-24 Updated at 2016-10-02 CategoryFront-End TagJavascript 转载请声明出处博客原文 随手翻阅以前的学习笔记,顺便整理一下放在这里,方便自己复习,也希望你有也有帮助吧 第一课时 入门基础 知识点: 操作系统就是个应用程序 只要是应用程序都要占用物理内存 浏览器本身也是一个应用程序 浏览器本身只懂得解析 HTML 调用浏览器这个应用程序的一个功能绘制 1.javascript介绍 JavaScript 操作