位置: 编程技术 - 正文

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

  • 行政事业单位卖废品怎么处理
  • 买的矿泉水可以烧开吗
  • 房地产企业营销设施建造费包括哪些
  • 原材料亏损率怎么算
  • 进项与销项不符怎么办
  • 作为福利手段福利概念的三个条件是
  • 应收款抹零计入什么会计科目
  • 企业之间现金换承兑合法吗
  • 公司支付收益权转让怎么做账?
  • 关于预计负债应付退货款明细科目
  • 一张发票多个单位报销,怎么分辨
  • 在建工程完工验收报告
  • 住宿发票的税率0
  • 纳税人为风险纳税人
  • 税收编码选错了,发票已经开出去几个月了,还有影响吗
  • 工信部联企业[2011]300号 小型企业
  • 补充养老保险税收规定扣除率
  • 注销往来怎么清理
  • 团队建设费用怎么入账
  • 母公司吸收合并全资子公司
  • 未开发土地可否转给子公司
  • 支出凭证的日期
  • 工会经费结余怎么记账
  • 进项税未抵扣会计分录
  • 怎么清除更新记录
  • 印花税未交罚款会怎么样
  • 共管帐户的特点是什么
  • 生产企业原材料的订购与运输建模
  • scanserver.exe - scanserver是什么进程 有什么用
  • 简述php可支持哪些数据类型
  • 员工油费补贴过期怎么办
  • 退税到账怎么做账
  • 房屋产权置换怎么交税?
  • kwhcommonpop.exe是什么程序
  • 出口退税需要满足什么条件外贸
  • 分公司能不能独立法人
  • 阿里前端做什么
  • 琥珀山庄位于我国哪个省
  • thinkphp接收ajax数据
  • 应收账款和其他应收款的区别
  • php -a
  • 金税盘可以全额抵税吗
  • js闭包示例
  • 法人不在公司任职可以吗
  • 小规模简易征收最新政策2020
  • 小规模纳税人是个体户吗
  • 增值税和个人所得税怎么算
  • 企业实收资本与实缴资本
  • 关联表的作用
  • 会计凭证保管期限30年是哪一年开始的
  • 公司软件使用制度
  • 报销差旅费属于付款凭证还是收款凭证
  • 成本结转的方法实例
  • 投资者投入无形资产的入账价值
  • 工程施工与工程成本的区别
  • 苗木补偿款
  • 其他资本公积是利得吗
  • mysql怎么直接向表中写数据
  • sqlserver怎么恢复数据
  • 关于读书的名言名句
  • win2003系统安装
  • 禁用windows杀毒
  • win edge
  • linux检查文件内容
  • centos pam
  • 电脑重装系统步奏
  • slpv24s.exe - slpv24s是什么进程
  • 超小平板电脑
  • win10系统虚拟机安装教程win7
  • w8系统文件夹怎么设置密码
  • opengl纹理错误变成条纹
  • firefox和谷歌
  • android集成chromiumview
  • jQuery Ajax 实例代码 ($.ajax、$.post、$.get)
  • javascript test
  • 国家税务总局介绍
  • 税务工商指的是什么
  • 国考什么时候开始备考比较好
  • 个体诊所可以申请医保报销吗
  • 公司小规模怎么纳税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设