位置: 编程技术 - 正文

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

  • 没有提取盈余公积的情况
  • 工资是当月计提下月发放吗
  • 备用金支出怎么记账
  • 利润表中的其他业务利润包括哪些
  • 文化事业建设费怎么计算
  • 固定资产发票怎么入账
  • 应收账款现金收回金额有限制嘛
  • 投资公司收回投资款
  • 小规模收到货运专用发票
  • 差旅补助是否并入工资
  • 红字发票账务处理摘要
  • 小型微利企业所得税优惠政策2023
  • 递延年金现值计算公式解释
  • 文化事业建设费税率
  • 公司成立之后有人投资怎么做分录?
  • 年终奖金计税方式区别
  • 1697507802
  • 政府无偿给企业划拨土地是否需摊销
  • 转结本月工资
  • 成本核算的意义是什么
  • 增值税的滞纳金是多少
  • 支付航天开票技术服务费280
  • win10系统电脑怎么连接wifi
  • 手机短信是哪一年开始的
  • 财务人员如何审核招待费报销单
  • 增值税专用发票丢了怎么补救
  • 购车人丢失发票怎么查
  • mac vue搭建本地环境
  • 报销的费用计入什么科目
  • JS之location对象详解
  • 转让企业要交什么税
  • pilot coat
  • 红包生成算法
  • 货到付款付的是什么费用
  • 现代服务业主要功能
  • 建筑劳务税率是13还是6
  • 工程类什么情况下可以三方询价
  • 员工借款未还离职怎么办
  • 送货单和收款收据的区别
  • 营业总收入和营业利润
  • mysql 5.5.x zip直接解压版安装方法
  • 赊销应收款余额怎么算
  • 不需要支付的应付账款
  • 以前年度负债调整
  • 出口退税免抵退税额要交城建税吗
  • 顾客办理会员卡要怎么做账?
  • 企业凭证处理流程图
  • 运输过程发生的合理损耗计入成本吗
  • mysql中字符串类型
  • 电脑重装windows
  • 如何恢复ubuntu
  • centos下安装gcc
  • 如何安装win7系统教程
  • eve是什么文件
  • window怎么操作
  • mac怎么恢复出厂设置
  • mac系统快速入门
  • gwsystemservice.exe是什么进程 有什么作用 gwsystemservice进程查询
  • centos安装完为什么没有桌面
  • 如何不让qq开机自启
  • win7网络连接不见了
  • win10每周更新
  • win102021年1月大更新
  • 电脑怎么连接上隐形wi
  • cocos2d-x起点之程序的入口
  • js定时器的两种方法
  • Android与OpenCV2.4.4(2013最新)搭建图像处理框架
  • 批处理文件.bat
  • 编写批处理运行程序
  • 自动关机的
  • div-css
  • linux 检查网络状态
  • unity协程的工作原理
  • python的设置
  • fastdwg插件
  • android自定义view的三大流程
  • jquery有自定义选择器吗
  • 企业未代扣代缴个税能退税吗
  • 湖北安徽是一个地方吗
  • 陕西省国家税务局
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设