时间:2021-05-26
本文实例讲述了JavaScript动态加载样式表的方法。分享给大家供大家参考。具体如下:
如果需要更换皮肤,我们可以通过JS代码动态加载皮肤的样式表,下面的代码就可以做到,非常简单,你只需要把这段代码做成函数动态调用即可。
var el = document.createElement('link');el.rel = 'stylesheet';el.type = 'text/css';el.href = 'https://www.jb51.net/...' + 'styles.css';document.body.appendChild(el);希望本文所述对大家的javascript程序设计有所帮助。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
JavaScript可以同样式进行交互,你可以通过编写程序来动态改变文档上元素的样式。有三种方法可以实现这样的效果:控制样式表—可以添加、删除、修改样式表。控制
导入外部css样式表的方法使用link标签导入外部css样式表在样式表中import(导入)外部样式表@importurl("/crazy-html5/06cs
HTML文档的head部分,通常包括指定页面标题,为搜索引擎提供关于页面本身的信息,加载样式表,以及加载JavaScript文件(出于性能考虑,多数时候放在页面
关键点:1、对浏览器版本的判断;2、修改样式表路径其中第二点也常用在实时修改网页模板、论坛风格的场合,实际上就是修改样式表路径来加载不同的样式表。代码:复制代码
前言:IE一直是特殊的一个浏览器,我们可以使用一些方法来指定样式表只在IE浏览器下被加载。IE9以及低于IE9版本:可以使用条件注释语句来加载特定于ie的样式表