我正在制作一个包含很多 iframe 的页面,iframe 中的网站中有广告,为了让使用 adblock 的人更容易看到该页面,我需要显示不同的样式表。
基本上我想要做的是.. if adblock(显示这个样式表) else(显示这个样式表)。
我的代码可以检测是否存在 adblock,但是当我尝试执行 if else 语句时……整个页面都是空白的。这是代码:
<script>
(function(){
if($("#fakead").css('display')=="none")
{
document.write("<link href='css/adblock.css' rel='stylesheet' type='text/css'>")
}
else
{
document.write("<link href='css/noadblock.css' rel='stylesheet' type='text/css'>")
}
});
</script>
我对 Javascript 非常陌生,如果代码很糟糕,我深表歉意。
感谢您的帮助
最佳答案
你不应该使用 document.write
方法。正如我看到你使用 jQuery,所以在 jQuery 中你可以这样做:
$( function() {
if($("#fakead").css('display')=="none") {
$("<link href='css/adblock.css' rel='stylesheet' type='text/css'/>").appendTo( 'head' );
} else {
$("<link href='css/noadblock.css' rel='stylesheet' type='text/css'/>").appendTo( 'head' )
}
});
请注意:链接元素应放在<head>
中部分。 Read more在 w3c 中。
关于javascript - 基于 Javascript if else 语句更改样式表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19728089/