位置: 编程技术 - 正文

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

  • 所得税 扣除
  • 装修设计合同印花税
  • 什么情况下不能做近视激光手术
  • 出租划拨土地收费合法吗
  • 固定资产出售如何申报增值税
  • 企业所得税年报怎么查询
  • 代收代付保险费的差额可以放入营业外收入么
  • 无形资产摊销计算例题
  • 开了农民工资金专户必须使用吗
  • 建筑业确认收入的时间是按进度计量么
  • 合同资产在资产负债表中列入什么项目
  • 支付劳务费需要开发票吗
  • 企业购入办公桌和办公椅的核算
  • 融资的方式有哪两种类型
  • 收到保险公司赔款计入什么科目
  • 管理费用对所得收入影响
  • 固定资产抵扣新政策2022
  • 税收优惠退回的税金怎么入账
  • 水利建设专项收入
  • 拿到购房发票
  • 抵押贷款逾期怎么处理抵押物
  • win8系统怎么关闭防火墙
  • 好听的开机音效
  • 暂时性差异的转回期间如何确定
  • 自产自用的产品用于在建工程
  • 不良资产购买流程
  • 信用证保证金账户
  • 网络命令netstat
  • php编写登陆界面
  • 合同结算账务处理分录
  • php+js
  • 第36届大众电影百花奖直播回放
  • 摊销租赁费属于什么费用
  • 企业所得税的概述
  • 其他应收款和其他应付款常常被用作抵消
  • 企业弥补亏损明细表
  • php pdo oracle
  • 金融企业利息收入增值税
  • 房产税土地税用不用计提
  • 国内旅客运输服务普票可以抵扣吗
  • html span标签作用
  • setdo指令
  • sql server 2008数据库
  • vue获取dom元素的方法
  • 预缴税款是什么意思
  • 发行的企业债券计入什么科目
  • 余额百分比法计提坏账准备
  • 会计期末业务有哪些?
  • 差旅费税前扣除政策
  • 会计准则中规范性的内容
  • 建筑业 营改增
  • 小规模纳税人适用什么会计准则
  • 收到加油
  • 混凝土增值税发票税率
  • 大家怎么看理想这个牌子
  • 宾馆纳税怎么算的
  • 资产减值损失是借增贷减吗
  • win7删除系统文件
  • ubuntu的软件
  • vmware虚拟机安装Linux教程
  • xp系统无线网络连接怎么没有
  • xp局域网文件共享设置
  • windows电脑图片传到iphone
  • win10电脑cmd命令大全
  • winedt中文界面
  • linux开机流程详解
  • win7笔记本电脑
  • vim安装ycm
  • unity自带的代码编辑器
  • jquery设计模式
  • Node.js中HTTP模块与事件模块详解
  • Shell脚本监控linux系统信息
  • js内存条
  • jquery 插件写法
  • android的布局文件
  • 三个文件怎么汇总到一个里
  • android遇到的难题
  • 获取服务器信息失败mc
  • 代理记账公司自查自纠情况报告范文
  • 查询发票号码
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设