`
zc-111
  • 浏览: 119637 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Ext中浏览器、OS以及CSS、数据类型的判定

    博客分类:
  • Ext
阅读更多
浏览器与OS的判定

Ext带有一系列的浏览器判定的功能,以解决主流浏览器之间有差异的问题,在JavaScript与CSS
方面都有判定技术,也适应复杂的情境。
对浏览器的判定情况:
• Internet Explorer - Ext.isIE, Ext.isIE6, Ext.isIE7, Ext.isIE8
• Firefox - Ext.isGecko, Ext.isGecko2, Ext.isGecko3
• Opera - Ext.isOpera
• Chrome - Ext.isChrome
• Safari - Ext.isSafari, Ext.isSafari2, Ext.isSafari3
• WebKit - Ext.isWebKit
• Operating Systems - Ext.isLinux, Ext.isWindows, Ext.isMac
if(Ext.isIE){
// 执行该浏览器的专用代码
}



CSS

CSS也有类似的判定,不同的样式会根据不同的操作环境适当添加到根元素和body上,目的是更
方便地解决好浏览器怪辟问题。在strict模式环境中,样式ext-strict就会加入到root,其余这些可
适当地加入到body中去。
• .ext-ie, .ext-ie6, .ext-ie7, .ext-ie8
• .ext-gecko, .ext-gecko2, .ext-gecko3
• .ext-opera
• .ext-safari
• .ext-chrome
• .ext-mac, .ext-linux
/* 当这是strict mode模式而且是safari的环境中,字体便有变化。*/
.ext-strict .ext-safari .sample-item{
font-size: 20px;
}



类型判定

JavaScript是一门弱类型语言,要搞清楚变量是什么类型自然很有必要。这方面,Ext有若干如下
的方法:
• isEmpty
如果传入的值是null、undefined或空字符串,则返回true。
alert(Ext.isEmpty(''));
• isArray
返回true表名送入的对象是JavaScript的array类型对象,否则为false。
alert(Ext.isArray([1, 2, 3]));
• isObject
检查传入的值是否为对象。
alert(Ext.isObject({}));
• isFunction
检查传入的值是否为函数。
alert(Ext.isFunction(function(){
}));
分享到:
评论

相关推荐

    ext2.1 css补丁

    因此,理解CSS的盒模型、选择器优先级、浏览器前缀等概念,以及如何使用调试工具(如火狐的开发者工具)来检测和修复样式问题,是每个前端开发者必备的技能。同时,持续关注并应用最新的CSS规范和最佳实践,可以提升...

    EXT中要用到的js包css包和images包

    EXT中要用到的js包css包和images包 在jsp页面中导入; charset=utf-8"> <link rel="stylesheet" href="css/ext-all.css" type="text/css" /> <script language="JavaScript" src="js/ext-base.js"> ...

    ext css 样式 精美样式

    标题中的"ext css 样式 精美样式"指的是专门为EXT JS设计的一系列高质量、视觉吸引人的CSS样式主题。这些主题旨在改变EXT JS组件的外观,使其更加美观,同时保持其交互性和功能性。 描述中提到的"里面有几套ext4.0...

    ext简单登录css/js插件

    EXT的主要优点在于其强大的组件模型、数据绑定机制以及丰富的用户界面组件,使得开发复杂的Web应用变得更加便捷。 在“EXT简单登录css/js插件”中,我们主要关注以下几个知识点: 1. **EXT组件**:EXT的核心是组件...

    ext 2 简单例子(内附ext-all.css, ext-base.js, ext-all.js三个必不可少的文件)

    ext 是 ExtJs 的简称,是一个强大的js 类库。本资源主要包括三个大的文件ext-all.css,ext-base.js,ext-al.js。在引用ext 类库的时候,这三个文件必不可少。另外我还提供了ext2的一个简单例子,以便大家学习交流。

    cssjquery仿ext样式页面

    当我们谈论“cssjquery仿ext样式页面”时,意味着在网页设计中,使用CSS和jQuery来模仿EXT.js框架的外观和功能。 EXT.js是一个强大的JavaScript框架,它提供了一套完整的用户界面组件和数据绑定机制,用于构建富...

    ext-all.js,base,ext.css

    ext-all.js,base,ext.css

    Ext简单树在浏览器中的显示效果不好

    Ext简单树在浏览器中的显示效果不好 Ext简单树在浏览器中的显示效果不好

    Ext2.0 中文文档

    发布EXT源码时需要注意一些细节,比如正确引入所需的CSS和JavaScript文件,以及适配不同的浏览器环境。适配器(Adapters)在EXT中扮演着关键角色,它们帮助EXT与不同版本的jQuery或其他JavaScript库共存,提供兼容性...

    Ext GridPanel 中实现加链接操作

    Ext GridPanel 是该框架中的一个重要组件,常用于展示表格数据。本文将详细介绍如何在 Ext GridPanel 中实现加链接操作,包括基本原理、代码实现及注意事项。 #### 一、Ext GridPanel 基础 在了解如何添加链接之前...

    Ext 制作的CSS布局编辑器

    在提到的"Ext 制作的CSS布局编辑器"中,我们可以推断这是一个基于ExtJS开发的工具,允许用户可视化地设计和编辑CSS布局。 CSS布局是网页设计的核心,它决定了元素在页面上的排列方式。传统的CSS布局方法包括流式...

    ext-ext.css

    ext

    Ext JS 1713个icon图标 自带生成png转css应用

    4. SVG图标:虽然不是PNG转CSS,但SVG是一种矢量图形格式,可直接用CSS控制,适用于现代浏览器,且图标可以无限缩放不失真。 在压缩包文件“extjs-icon”中,可能包含以下内容: 1. 图标PNG图片文件:每个图标作为...

    基于EXT2.0.2表格间数据拖拽

    在这个特定的场景中,我们将探讨“基于EXT2.0.2表格间数据拖拽”的实现。 EXT2.0.2中的数据拖拽功能,主要是通过DragDrop(DD)和DragDropGroup(DDG)组件来实现的。DragDrop组件允许用户将元素从一个位置拖动到另...

    JSP中使用EXT实现grid table

    在JavaServer Pages (JSP) 开发中,EXT 是一个流行的JavaScript 框架,它提供了丰富的用户界面组件,包括Grid(数据网格)和Table。EXT 提供了一种优雅的方式来展示和操作数据,尤其适用于创建交互式的Web应用程序,...

    ext grid数据绑定

    在EXT JS这个强大的JavaScript框架中,EXT Grid是一个非常重要的组件,用于展示大量结构化数据,并提供了丰富的交互功能。本文将深入探讨"EXT Grid数据绑定"这一主题,包括数据查找和如何将查找结果重新填充到Grid中...

    ext中文入门手册

    当正确配置文件路径后,运行这个HTML文件,你应该能在浏览器中看到一个标题为"Hello Ext",内容为"Hello! Welcome to Ext JS."的面板。 EXTJS中的`Ext.onReady`和`Ext.application`是两个常用方法。`Ext.onReady`会...

    EXT中文API

    通过部署这些文件到IIS(Internet Information Services)服务器,并在浏览器中访问,你可以直接在本地运行EXT的示例,这将使学习过程更加直观和便捷。你可以浏览每个示例,查看其HTML结构、JavaScript代码以及如何...

    Ext.Store的获取方法

    在Ext.js中,`Ext.Store`是用来管理数据的类,它通常与各种UI组件(如Grid、ComboBox等)关联,用于存储和检索数据。然而,获取`Ext.Store`的方式并不像获取其他Ext组件那样直接,因为Store并不是一个具有可视界面的...

    ext中文帮助文档最终版

    9. **皮肤和主题**:EXT支持多主题,允许开发者通过CSS改变应用的整体外观,实现界面风格的个性化。 10. **国际化支持**:"ext中文帮助文档最终版"意味着EXT库有中文文档,对于中文开发者来说,更容易理解和学习EXT...

Global site tag (gtag.js) - Google Analytics