ExtJS浏览器对象模型BOM——命名空间和用户代理对象、Cookie

BOM(浏览器对象模型(BrowserObjectModel)),允许访问和操控浏览器窗口。研发者通过使用BOM,可移动窗口、更改状态栏文本、执行其它不与页面内容发生直接联系的操作。

本文将从ExtJS中以下四类服务入手:

1,命名空间

2,用户代理对象

3,Cookie

4,定时调用函数(将于下一博文详细陈述)

命名空间

 

ExtJS的命名空间是在window对象所提供的全局范围内建立相互独立的范围,概念上类似于Java的package。

Ext.namespace("com.baidu");
console.info(typeof com);//object
console.info(typeof com.baid);//object

使用Ext.namespace对“com.baidu”字符串进行解析,完成后变成两个对象,一个是com,另一个是com拥有的属性baidu。

凭借Ext.namespace(),实际开发时可以避免工作伙伴或是第三方开发商造成的命名冲突

在项目中可以创建这样的命名空间,从而在各个模块之间读取共享数据时使用,但应该限制为自读变量。如果模块之间要交换数据,最好使用事件机制或是将数据交互交给后台服务器。

 

用户代理对象

 

用户代理对象指的是window.navigator.userAgent这个属性,该属性存储用户浏览器的型号、操作系统、渲染引擎的名称等信息,这些都是判断浏览器类型的一些条件。以往,部分浏览器厂商都会在这个属性上做手脚,让脚本误认或是误判断浏览器的类型,因此,程序员必须编写非常复杂的脚本来作出判断。

下面介绍Ext简单的布尔条件表达式


属性

说明

Ext.isAir
判断执行环境是否为Adobel AIR

Ext.isBorderBox
判断执行的IE浏览器是否处于非严谨(non-strict)模式

Ext.isGecko/Ext.isGecko2/Ext.isGecko3
判断是否为某个版本的Gecko渲染引擎

Ext.isChrome
判断是否为Google Chrome浏览器

Ext.isIE/Ext.isIE6/Ext.isIE7/Ext.isIE8
判断是否为IE浏览器

Ext.isSafari/Ext.isSafari2/Ext.isSafari3/Ext.isSafari4

判断是否为某个版本的Safari浏览器

Ext.isWebkit

判断浏览器是否为Webkit浏览器

Ext.isStrict

判断浏览器是否处于严谨模式

Ext.isWindows
判断用户操作系统为Windows

Ext.isMac
判断用户操作系统为Mac

Ext.isLinux
判断用户操作系统为Linux

 Cookie

  Cookie操作非常简单,只有三个方法:

    clear(name) :清除为name设置的值

    set(name,value) : 设置name的值为value

    get(name) : 得到name设置的值

var simleValue = "a simple string";

var compleValue = {
    name : "comple",
   description : "I‘m so complex" 

} ;
Ext.util.Cookies.set(‘simple‘,simpleValue);
Ext.util.Cookies.set(‘complex‘,compleValue);
Ext.util.Cookies.set(‘complexJSON‘,Ext.encode(complexVaule));

Cookie只能存储文字,如果要存储对象,就必须把对象JSON化,就是调用Ext.encode(),这个方法会将复杂的对象结构转换为字符串,取出时只要爱班字符串丢给Ext.decode(),就能将字符串转换为原来的对象类型。

ExtJS浏览器对象模型BOM——命名空间和用户代理对象、Cookie

时间: 2024-10-04 12:06:53

ExtJS浏览器对象模型BOM——命名空间和用户代理对象、Cookie的相关文章

浏览器对象模型BOM小结

概念 BOM (Browser Object Model) 浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C, BOM最初是Netscape浏览器标准的一部分: window对象 是浏览器中的Global对象 窗口设置 (打开.大小.位置) 间歇调用与超时调用 对话框 (提示框.确认框.输入框) location对象

浏览器对象模型--BOM

BOM的核心对象是window对象,其他对象都是window对象的子对象 一.浏览器对象模型 二.window对象 属性 1.位置类型 (浏览器距离屏幕的距离) // IE chrome alert(window.screenLeft) alert(window.screenTop) // FF chrome alert(window.screenX) alert(window.screenY) 2.尺寸类型 (浏览器的文档尺寸) alert(window.innerWidth) //(有兼容性

浏览器对象模型BOM总结

BOM是Browser Object Model的缩写,简称浏览器对象模型.BOM提供了独立于内容而与浏览器窗口进行交互的对象  · 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window  · BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性. BOM提供了一些访问窗口对象的一些方法,:1.我们可以用它来移动窗口位置,改变窗口大小,打开新窗口和关闭窗口,弹出对话框,进行导航以及获取客户的一些信息如:浏览器品牌版本,屏幕分辨率.BOM最强大的功能是它提供了一个访

004_01浏览器对象模型BOM

BOM:Browser Object Model,是指浏览器对象模型,用于描述这种对象与对象之间层次关系的模型,浏览器对象模型提供了独立于内容的.可以与浏览器窗口进行互动的对象结构.BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,它表示浏览器的一个实例,其他对象都是该对象的子对象. 主要功能: 1. 弹出新浏览器窗口的能力: 2. 移动.关闭和更改浏览器窗口大小的能力: 3. 可提供WEB浏览器详细信息的导航对象: 4.可提供浏览器载入页面详细信息的本地对象: 5

JavaScript小白教程7浏览器对象模型 BOM

JavaScript Window - 浏览器对象模型 Window 对象 所有浏览器都支持 window 对象.它表示浏览器窗口.页面就是一个窗口 所有 JavaScript 全局对象.函数以及变量均自动成为 window 对象的成员. 全局变量是 window 对象的属性. 全局函数是 window 对象的方法. Window 尺寸(窗口的大小:长宽) 其他 Window 方法 一些其他方法: window.open() - 打开新窗口 window.close() - 关闭当前窗口 win

浏览器对象模型“BOM”,对浏览器窗口进行访问和操作

location对象 location.href    url地址 location.hash    锚点 location.hostname    主机名(需要放到服务器上) location.host    主机名+端口号(需要放到服务器上) location.pathname   目录或者文件 location.port   端口 location.protocol   协议 location.search    ?后面的内容 <!DOCTYPE html> <html lang=

location对象[第8章-浏览器对象模型BOM 笔记2]

location 是最有用的 BOM对象之一,它提供了与当前窗口中加载的文档有关的信息,还提供了一些导航功能.事实上, location 对象是很特别的一个对象,因为它既是 window 对象的属性,也是document 对象的属性:换句话说, window.location 和 document.location 引用的是同一个对象.location 对象的用处不只表现在它保存着当前文档的信息,还表现在它将 URL 解析为独立的片段,让开发人员可以通过不同的属性访问这些片段.下表列出了 loc

浏览器对象模型“BOM”-- window对象

global对象 全局对象 所有的全局变量和全局方法,都可以归在window上 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body{ width:100%; height:100%; } </style> <script

Javascript浏览器对象模型BoM要点总结

BOM要点总结篇 温故而知心!!学到的东东,必须要总结一下,方便自己,巩固自己.今天我为大家总结一下BOM当中的一些要点: 一.Windows对象 1.窗口的操作 windows对象对操作浏览器窗口非常有用.用以下四种方法来实现对窗口的移动以及调整大小. moveBy(dx,dy)-----把浏览器窗口相对当前位置水平移动dx个像素,垂直移动dy个像素.dx值为负数,向左移动窗口,dy为负数,向上移动窗口. moveTo(x,y)-----移动窗口,使他的左上角位于用户的(x,y)处.可以使用负