有些时候我们需要给html加上一些浏览器属性到classname上,比如os种类,浏览器种类,css是否开启,javascript是否开启。
这样我们可以避免使用css hack,更准确的定位渲染网页的环境。
somethings it is good to setup enviornment class names for a browser.
you can use thes class names later in the css to write specific code for
this is what backbase added to <html> after boot
js gecko gecko6 CSS1Compat Win32
I can create a jquery plugin to do this.
====
var root = $('html');
//detect if javascript is enabled
root.addClass('js');
//detect if cookie is enabled
set a cookie as current time and get it, set to expired afterwards
//this need cookie plugin
$.cookie('the_cookie', 'the_value');
if(!$.cookie('the_cookie')){
root.addClass('noCookie');
}
$.cookie('the_cookie', null);
//detect browser
for(var item in $.browser){
root.addClass(item);
break;
}
root.addClass(item+$.browser.version);
//check quirksmode from bb
Core_Device_Browser_Quirks: document.compatMode ? document.compatMode.indexOf('CSS1Compat') < 0 : true,
//Check for quirksmode
//check documentmode in IE
if(document.documentMode && (bb.browser.version != document.documentMode)){
bb.html.removeClass(document.documentElement,'ie'+bb.browser.version );
bb.html.addClass(document.documentElement,'ie'+document.documentMode);
}
var browser_Quirks: document.compatMode ? document.compatMode.indexOf('CSS1Compat') < 0 : true,
//Check for quirksmode
if(browser_Quirks){
root.addClass('CSS1Compat');
}else{
root.addClass('QuirksMode');
}
//check os
root.addClass(navigator.platform);
分享到:
相关推荐
Delphi WebBrowser 将一段HTML文字显示在网页浏览器中,实际是创建了一个HTML格式内容并显示出来,主要使用Delphi中内置的WebBrowser方法来实现: WebBrowser1.Navigate('about:blank'); while(tag=0) do ...
查看ClassName的小工具,能看到任意控件的ClassName和Text属性
B 使用className 属性 Javascript 还可以通过className 属性灵活的更改一个标签元素的CSS 类选择器来实现样式的变化。 代码示例: 代码如下: <html> <head> <title>追加CSS类别</title
[HTML][JavaScript][中文][初學]_06._其他的選擇器_(className__Tag___Name_Sel
react-body-classname, 声明性嵌套状态化同构的body.className react-body-classname 提供在 React App 中指定 document.body.className的声明方式。 支持服务器端使用。内置的反应副作用。安装yarn add react-bo
该属性设置浏览器是否缓存静态内容.当应用处于开发阶段时,我们希望每次请求都获得服务器的最新响应,则可设置该属性为false. struts.enable.DynamicMethodInvocation 该属性设置Struts 2是否支持动态方法调用,该属性...
管理 html 类并生成 className 字符串。 安装 $ npm install --save html-class-manager 用法 var HtmlClassManager = require ( 'html-class-manager' ) ; var classes = new HtmlClassManager ( ) ; // Add ...
安装npm: npm install classname 或者只是在浏览器中加载classname.js ,然后直接调用它。文档 classname ( 1 , 'one' , false , 'two' ) ; // '1 one two'classname ( { one : true , two : false , three : true} ...
由于CSS读取时是按从上到下来的,同样属性靠后写的生效,因此可以依照顺序写下来,就会让每个浏览器正确的读取到自己看得懂得CSS语法,有效区分各类型或版本: 复制代码代码如下: .classname{ blue; /*Firefox等非...
babel插件,用于自动将classnames()添加到className属性。 转换 < div xss=removed> < / div > 至 < div xss=removed> < / div > 为什么 类名 在React中,当您需要有条件地呈现className时,可以编写如下...
将styleName转换成className使用编译期CSS模块解决方案
1.js 控制 DIV 2.js通过标签对DIV操作. ...clientHeight 获取对象的高度,不计算任何边距、边框、滚动条或可能应用到该对象的补白。 clientLeft 获取 offsetLeft 属性和客户区域的实际左边之间的距离。
进阶之路-Java技术体系- 黄国渝的博客- ...发表时间:2019年7月22日 - java [ options ] classname [ args ] java [ options ] -jar filename [ args ] javaw [ options ] classname [ args ] javaw [ options ] -...
设置触摸类 根据浏览器中的触摸支持,将 HTML 元素上的 className 设置为“触摸”或“非触摸”。 安装 npm install --save set-touch-class 用法 require('set-touch-class');
得到当前活动窗口的类名,需要用到debugview.exe。 运行程序,点击start,每隔1秒向debugview.exe输出当前活动的类名。
本文讲述了关于HTML5的data-*自定义属性... className,与元素的class特性对应,考虑到与ECMAScript的保留字class的冲突,因此命名为className; 2.操作特性的方法: getAttribute() 获取相关特性,也可以获取到自
替换“class”和“for”属性并分别替换“className”和“htmlFor”的加载器,以及需要驼峰式大小写的任何受支持的属性。 HTML“class”属性在 JSX 中被默默忽略,你应该使用“className”。 我讨厌 XML,我只会在它...
HTML5DOMDocument ... 允许使用CSS选择器查询DOM (当前可用:*,标记名,标记名#id,#id,标记名.classname,.classname,tagname.classname.classname2,.classname.classname2,tagname [attri