gpt4 book ai didi

javascript - 使用 JavaScript 验证加载 CSS

转载 作者:太空宇宙 更新时间:2023-11-04 00:18:12 25 4
gpt4 key购买 nike

我有两个样式表,一个是默认样式,一个是圣诞节样式。我希望在 12 月加载圣诞节样式,并每隔一个月使用默认样式。

我已经编写了下面的代码来实现我想要的,但是如果我将它放入验证器中,我会收到错误消息:“文档类型不允许在此处使用元素“链接””。我想知道如何使此代码有效?

<head>
<script type="text/javascript">
var i = new Date();
var m = i.getMonth();
if (m==11) {
document.write('<link rel="stylesheet" type="text/css" href="mystyle-christmas.css" />');
} else {
document.write('<link rel="stylesheet" type="text/css" href="mystyle-default.css" />');
}
</script>
</head>

最佳答案

验证器有问题,因为您没有使用 CDATA,因此验证器将解析您的 javascript。使用以下方法解决您的问题:

<head>
<script>
//<![CDATA[
// Your code here
// ]]>
</script>
</head>

顺便说一句,下面是一个更好的方法:

<head>
<script type="text/javascript">
var i = new Date(),
m = i.getMonth(),
l = document.createElement( 'link' )

l.rel = 'stylesheet'

if ( m === 11 ) {
l.href = 'mystyle-christmas.css'
}
else {
l.href = 'mystyle-default.css'
}

document.getElementsByTagName( 'HEAD' )[ 0 ].appendChild( l )
</script>
</head>

更好的方法是将您的 javascript 放在外部 js 文件中。

关于javascript - 使用 JavaScript 验证加载 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10387459/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com