javascript实现换皮肤的一种思路

最新推荐文章于 2023-07-26 11:03:12 发布

转载最新推荐文章于 2023-07-26 11:03:12 发布 · 1.2k 阅读

文章标签：

#javascript #stylesheet #function #html

网站建设专栏收录该内容

740 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态加载CSS文件的方法。通过document.write及getElementById等API，可以在页面加载过程中更改样式表链接，实现不同样式的快速切换。此技术适用于需要在运行时改变网站外观的应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

难点在于document.write输出html语句结构用法。。。思路在于在网页中动态加入xxx.css文件..来实现.

<script language="javascript">
var styleId=1;
var cssPath="style/style_switch";

document.write(’<link href="’+cssPath+styleId+’.css" type="text/css" rel="stylesheet" id="cssLink" media="screen" />’);

//默认调用第一个
function styleChange(n){
var cssLink=document.getElementById("cssLink");
// alert("1");
cssLink.href=cssPath+n+".css";
alert(cssLink.href);
}

</script>