ExtJS类成员-浏览器相关功能

更新记录
2022年7月4日 发布。
2022年7月2日 从笔记迁移到博客。

ExtJS教程汇总：https://www.cnblogs.com/cqpanda/p/16328016.html

获得head元素#

Ext.getHead() Ext.dom.Element

注意：获得的是Ext.dom.Element类型的实例
实例：

var HeadElem = Ext.getHead();
console.log(Ext.getHead().dom);
console.log(Ext.typeOf(HeadElem));  //object
console.log(HeadElem instanceof Ext.Base); //true ，是ExtJS Element
console.log(Ext.isElement(HeadElem)); //false 不是HTML Element

获得body元素#

Ext.getBody() Ext.dom.Element

注意：获得的是Ext.dom.Element类型的实例
实例：

var bodyElem = Ext.getBody();
console.log(Ext.typeOf(bodyElem));  //object
console.log(bodyElem instanceof Ext.Base); //true ，是ExtJS Element
console.log(Ext.isElement(bodyElem)); //false 不是HTML Element

获得浏览器document对象#

Ext.getDoc() Ext.dom.Element 

注意：获得的是Ext.dom.Element类型的实例

实例：

console.log(Ext.getDoc());
console.log(Ext.getDoc().dom);

获得浏览器Window对象#

Ext.getWin() : Ext.dom.Element

常用于绑定Window对象的事件
注意：获得的是Ext.dom.Element类型的实例
实例：

var HeadElem = Ext.getHead();
console.log(Ext.typeOf(HeadElem));  //object
console.log(HeadElem instanceof Ext.Base); //true ，是ExtJS Element
console.log(Ext.isElement(HeadElem)); //false 不是HTML Element

获得浏览器视窗高度#

Ext.getViewportHeight(): Number 

注意：返回Number类型

实例：

console.log(Ext.getViewportHeight());

获得浏览器视窗宽度#

Ext.getViewportWidth(): Number 

注意：返回Number类型

实例：

console.log(Ext.getViewportWidth());

检测DOM是否已经准备好#

Ext.isDomReady : Boolean

实例：

console.log(Ext.isDomReady);

判断DOM和ExtJS是否已经准备好#

isReady : Boolean

实例：

console.log(Ext.isReady);