位置: 编程技术 - 正文

JS函数实现动态添加CSS样式表文件(js动态生成函数)

编辑:rootadmin
先给出函数。   有时我们需要在.js文件对文档动态引入一些CSS样式。对于一些短小的CSS代码来说,这好办,我们可以调用其style方法,如   如果再长一点也无所谓:   本人而言,我是喜欢后者。因为前者有严重的兼容问题。如float这个样式,在IE是styleFloat,在火狐等W3C标准游览器是cssFloat。而cssText则是通吃。   如果很长,我们可以动态导入一CSS文件。如   这个函数在IE中有点累赘。我向来是支持哪个游览器就用哪个游览器的原生函数,直接使用二进制代码效率最高。   createStyleSheet带的两个参数都是可选的。   但如果我们的样式是某个页面独有的,而且只有管理员才能使用到,而且那部分页面是动态生成的,我们需要一开始就引入它吗?需要特意弄个文件来装载它吗?最好的方法让这些样式与动态脚本捆绑在一起。我这个函数就为此而开发的。   坦白说,它最开始是为富文本编辑器而开发的。大家都知道,富文本输入框最流行的做法是把要输入的内容放到iframe中,这就涉及到两种document,一个主页面的document,另一个是iframe的document。iframe的document又涉及到兼容问题。我们可以: variframe=document.createElement('iframe');//生成用于编辑的richtexteditor variframeDocument=iframe.contentDocument||iframe.contentWindow.document; ……   嘛,扯远了。总而言之,函数最开始的判定就是为这两种document而准备。如果没有涉及到iframe,我们只传入一个参数就行了。最后一个参数永远是CSS字符串。   然后是动态生成styleSheet元素,把CSS字符串加入到此元素的问题。当然如果有现阶段的,当然就用现成的。DOM元素越多对游览器的负担就越大。我们想到document.styleSheets方法。它返回一个集合,包含style元素与link元素,还涉及一兼容问题,如:   上面用alert(document.styleSheets.length);测试一下,IE返回6,W3C游览器返回5。因此,否决了它。而且我们只用到style元素,不使用外联。第二部分的判定就针对head中的style元素而言,没有就创建一个。然后我们把CSS字符串加在第一个style元素就行了。   接着我们要加把保险锁,因为当media="print"时,只在页面打印时,定义的效果才有效。为了防止第一个style元素的media值不是screen,我们得改一改。   附上media的一些说明。   screen(缺省值),提交到计算机屏幕;   print,输出到打印机;   projection,提交到投影机;   aural,扬声器;   braille,提交到凸字触觉感知设备;   tty,电传打字机(使用固定的字体);   tv,电视机;   all,所有输出设备。   最后是如此添加的问题。分IE,火狐与其他游览器三种。判定游览器也用各自的私有属性或方法。如styleSheet是IE独用的,getBoxObjectFor是火狐独用的(当然你也可以使用(/firefox/.test(navigator.userAgent.toLowerCase())),通常DOM操作是最耗时的,能用私有就用私有!   使用方法。

推荐整理分享JS函数实现动态添加CSS样式表文件(js动态生成函数),希望有所帮助,仅作参考,欢迎阅读内容。

JS函数实现动态添加CSS样式表文件(js动态生成函数)

文章相关热门搜索词:js 动态函数,js 动态创建function,js函数动态参数,js函数实现动态变化,js 动态函数,js函数实现动态输入,js函数实现动态输入,js函数实现动态输入,内容如对您有帮助,希望把文章链接给更多的朋友!

Ext JS 4官方文档之三 -- 类体系概述与实践 ExtJS4从底层对类体系进行了重构,这是ExtJS历史上的第一次对类体系的巨大重构。新的架构几乎被应用到每一个ExtJS4的类中,所以希望您在开始编码前

js中escape对应的C#解码函数 UrlDecode js中escape对应的C#解码函数System.Web.HttpUtility.UrlDecode(s)//注意编码需要注意的几点:1、HttpUtility.UrlEncode,HttpUtility.UrlDecode是静态方法,而Server.UrlEncode,Serv

如何让页面在打开时自动刷新一次让图片全部显示 scriptfunctionwindow.onload(){if(location.href.indexOf('#reloaded')==-1){location.href=location.href+"#reloaded"location.reload()}}/scriptiframesrc="/"/iframe------------------------------------------

标签: js动态生成函数

本文链接地址:https://www.jiuchutong.com/biancheng/379192.html 转载请保留说明!

上一篇:js修改地址栏URL参数解决url参数问题(js修改地址栏参数但不让他跳转)

下一篇:Ext JS 4官方文档之三 -- 类体系概述与实践

  • 企业工商年报填写须知
  • 社保阶段性减免延长到年底
  • 附加税已扣款还要季度申报吗
  • 绿化税票多少税率
  • 电子税务局财务报表在哪里查询
  • 如何在电子税务局开发票
  • 在建工程有应交税费吗
  • 水费收取违约金投诉回复
  • 加工样品全流程总结
  • 设备发票怎么抵扣
  • 代扣代缴个人所得税会计分录怎么做
  • 民间非营利组织会计制度
  • 销售方未抄报税的专票购买方能抵扣吗?
  • 卷式发票属于什么税
  • 注册资本 变更
  • 长期股权投资的初始计量
  • 酒店产权式经营业主取得的收入按股利红利所得
  • 汇率的标价
  • 企业出售旧设备的收入要纳税吗
  • 母公司开票给子公司有什么税务风险吗
  • 企业买断政策
  • linux系统 推荐
  • 华为手机定位另外一个华为手机怎么办
  • 销售部门的固定资产折旧计入什么科目
  • swoole和websocket的区别
  • 电脑每次开机都要磁盘检查是什么原因
  • 购入研发设备
  • 商贸企业销售
  • 今天端午节?
  • php调用soap
  • php的基础知识
  • 30个极致实用的东西
  • 核销固定资产时会计处理
  • 存货盘点调整表怎么做分录
  • 应收债款的融资属于
  • ubuntu下使用SQLite3的基本命令
  • 不动产登记违建处理办法
  • 坏账损失的会计分录小企业会计准则
  • 应税货物销售额含税吗
  • 收到证券公司信息
  • 公司没有销售收入
  • 开票方没有缴纳增值税
  • 收回发票会计分录
  • 全资子公司的账户是什么
  • 建筑业建议
  • 结转资金和结余资金的含义
  • 发票丢失如何处理入账
  • 小企业如何做
  • 旅游业餐饮业
  • 企业的盈余公积包括哪些
  • 电脑出现bootbcd
  • windows8自动更新卡住了怎么办
  • xp无法创建目录或文件
  • rhel7.5重置密码
  • lsf.exe是什么
  • 电脑打开win
  • winxp如何打开控制面板
  • service.exe是什么
  • onekey.exe是什么
  • win1020h2版好不好
  • linux 如何查看端口
  • js获取数组元素个数
  • android自定义搜索框
  • javascript学习指南
  • jquery日程安排
  • Node.js中的事件循环是什么
  • linux编写一个脚本
  • javascript ()
  • dedecms建站操作
  • android在手机上运行
  • javascript面向对象编程指南 pdf
  • 四川国税发票真伪查询
  • 商场销售高档化妆品需要缴纳消费税吗
  • 开票后怎么报税呢
  • 深圳市公安局的位置
  • 在电脑上怎样做word的文档
  • 开票内容 大类
  • 实地税务稽查需注意什么
  • 18个税种征税范围
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设