使用Mootools动态添加Css样式表代码,兼容各浏览器


Posted in Javascript onDecember 12, 2011

但是这样做就不利于插件的移植,所以就写了这个函数用来动态产生Css.

AddCss=function(c){ 
var Sty=document.createElement('style'); 
Sty.type='text/css'; 
if(Browser.ie){ 
Sty.styleSheet.cssText=c; 
}else{ 
var Frag=document.createDocumentFragment(); 
Frag.appendChild(document.createTextNode(c)); 
Sty.appendChild(Frag); 
} 
document.getElementsByTagName('head')[0].appendChild(Sty); 
}; 
AddCss('a{background-color:red;color:black;padding:20px;}');

代码如上所示,比较简单就是一个Function而已,需要的时候就直接用AddCss添加代码即可.
注:该函数我在IE6;7;8;9以及Firefox内均已测试过,可以放心使用.
Javascript 相关文章推荐
jquery+json实现数据列表分页示例代码
Nov 15 Javascript
js单独获取一个checkbox看其是否被选中
Sep 22 Javascript
JavaScript window.location对象
Nov 14 Javascript
基于javascript、ajax、memcache和PHP实现的简易在线聊天室
Feb 03 Javascript
JS获取表格内指定单元格html内容的方法
Mar 31 Javascript
JS简单实现动画弹出层效果
May 05 Javascript
js中获取键盘按下键值event.keyCode、event.charCode和event.which的兼容性详解
Mar 15 Javascript
Vue2.x中的父组件传递数据至子组件的方法
May 01 Javascript
详解用webpack把我们的业务模块分开打包的方法
Jul 20 Javascript
详解vuex中mapState,mapGetters,mapMutations,mapActions的作用
Apr 13 Javascript
angular将html代码输出为内容的实例
Sep 30 Javascript
vue 中this.$set 动态绑定数据的案例讲解
Jan 29 Vue.js
分享一个用Mootools写的鼠标滑过进度条改变进度值的实现代码
Dec 12 #Javascript
背景图跟随鼠标移动的Mootools插件实现代码
Dec 12 #Javascript
用Mootools获得操作索引的两种方法分享
Dec 12 #Javascript
整理8个很棒的 jQuery 倒计时插件和教程
Dec 12 #Javascript
关于event.cancelBubble和event.stopPropagation()的区别介绍
Dec 11 #Javascript
Jquery阻止事件冒泡 event.stopPropagation
Dec 11 #Javascript
远离JS灾难css灾难之 js私有函数和css选择器作为容器
Dec 11 #Javascript
You might like
使用sockets:从新闻组中获取文章(三)
2006/10/09 PHP
Bo-Blog专用的给Windows服务器的IIS Rewrite程序
2007/08/26 PHP
php使用标签替换的方式生成静态页面
2015/05/21 PHP
利用PHP实现一个简单的用户登记表示例
2017/04/25 PHP
PHP利用缓存处理用户注册时的邮箱验证,成功后用户数据存入数据库操作示例
2019/12/31 PHP
JavaScript静态的动态
2006/09/18 Javascript
AJAX 网页保留浏览器前进后退等功能
2011/02/12 Javascript
autoPlay 基于jquery的图片自动播放效果
2011/12/07 Javascript
javascript 全选与全取消功能的实现代码
2012/12/23 Javascript
js解析与序列化json数据(一)json.stringify()的基本用法
2013/02/01 Javascript
js读取注册表的键值示例
2013/09/25 Javascript
解析JSON对象与字符串之间的相互转换
2013/12/18 Javascript
jquery实现手机发送验证码的倒计时代码
2014/02/12 Javascript
简单谈谈javascript代码复用模式
2015/01/28 Javascript
Windows系统下Node.js的简单入门教程
2015/06/23 Javascript
angularjs学习笔记之双向数据绑定
2015/09/26 Javascript
JS基于Ajax实现的网页Loading效果代码
2015/10/27 Javascript
JS上传图片预览插件制作(兼容到IE6)
2016/08/07 Javascript
jQuery简单自定义图片轮播插件及用法示例
2016/11/21 Javascript
浅谈vue-router2路由参数注意的问题
2017/11/08 Javascript
前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来
2017/11/14 jQuery
关于laydate.js加载laydate.css路径错误问题解决
2017/12/27 Javascript
Vue实现数据表格合并列rowspan效果
2020/11/30 Javascript
快速解决layui弹窗按enter键不停弹窗的问题
2019/09/18 Javascript
解决Layui数据表格的宽高问题
2019/09/28 Javascript
Python使用Pycrypto库进行RSA加密的方法详解
2016/06/06 Python
Django 路由系统URLconf的使用
2018/10/11 Python
Face++ API实现手势识别系统设计
2018/11/21 Python
Python 脚本获取ES 存储容量的实例
2018/12/27 Python
python神经网络编程实现手写数字识别
2020/05/27 Python
Python基于pandas绘制散点图矩阵代码实例
2020/06/04 Python
一款纯css3实现的非常实用的鼠标悬停特效演示
2014/11/05 HTML / CSS
社区灵活就业证明
2014/11/03 职场文书
干货干货!2019最新优秀创业计划书
2019/03/21 职场文书
如何才能写好调研报告?
2019/07/03 职场文书
python脚本框架webpy模板控制结构
2021/11/20 Python