位置: 编程技术 - 正文

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官方文档之三 -- 类体系概述与实践

  • 文化事业建设税怎么申报
  • 企业所得税申报表
  • 企业所得税中资产折旧调整明细表中提示折旧年限
  • 我国税收居民
  • 广告费和业务宣传费的区别是什么
  • 会计工资标准
  • 查找出资产负债表的软件
  • 所得税申报表里季初资产是指什么
  • 如何承包消防工程公司
  • 带息承兑汇票的利息收入要缴纳增值税吗
  • 个税手续费返还属于政府补助吗
  • 汇算清缴期间费用社保填哪里
  • 保安服务专票是多少税点
  • 出口退税代理费用大概多少
  • 外地建安个人所得税标准
  • 开具出口发票时免税类型怎么选择?
  • 买二手面包注意事项
  • 税收思想
  • 开票的时候如何把价格分散开
  • 电子税务局变更经营地址怎么操作
  • 特殊性税务处理和一般性税务处理的区别
  • 在会计上主营业务利润和营业利润有什么区别?
  • 上年度退回来的所得税,怎么做分录
  • win11怎么改名
  • 餐饮业会计做账技巧
  • php面向对象的三大特征
  • 专项维修基金会产生利息吗
  • PHP:oci_bind_array_by_name()的用法_Oracle函数
  • PHP:pg_num_fields()的用法_PostgreSQL函数
  • 在网上怎
  • 个人补缴的养老全部划入个人账户
  • php递归实现1到100的和
  • 长期股权投资初始计量和后续计量的区别
  • php执行sh脚本
  • laravel create
  • thinkphp6调用模型的方法
  • 水利建设基金计税依据
  • 一般纳税人的好处和坏处
  • tokenall
  • nginx安装配置视频
  • 银行存款存款单丢了怎么办
  • 个人垫款公司将款支付个人算是资金回流吗
  • 帝国cms会侵权吗为什么
  • 不具备独立核算条件的行政单位
  • 独立核算的分公司注销时账面怎么处理
  • 抵扣联怎么抵扣使用
  • 土地增值税间接转让怎么算
  • 购房补贴退契税多久到账
  • 水电费没有收到怎么处理
  • 外贸企业账务处理流程举例讲解
  • 拒收发票需要拒收证明么
  • 会计已入账是什么意思
  • 公司试驾车怎么开票
  • 去年多摊销了怎么办
  • 机器配件属于什么类型的商品
  • 补偿款怎么写才能有效
  • 服务业收入的会计分录
  • mysql经典书
  • sql的排序函数
  • solaris 安装
  • 服务器上文件共享
  • 64位Vista、Windows7系统IIS连接数据库故障完美解决
  • linux安装openssh-server
  • 注册表怎么优化
  • xp系统的本地连接在哪里打开
  • windows10x预览版
  • 第三方win7系统哪个最好
  • windows where命令
  • WIN7如何关闭自动关机
  • win7系统运行怎么打开
  • 人物移动素材
  • js message事件
  • jquery插件大全
  • 安卓颜色值代码表
  • unity特色
  • 手把手教怎么说
  • flow 开发
  • js对象属性值
  • android开发指南
  • Android mediaplayer 白屏
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设