Question

我希望能够在第一页视图中显示大型促销，然后才显示可扩展的最小化促销。似乎我在javascript中的条件不会改变div的样式。警报对话框（放置用于测试）确实有效，并且cookie似乎正在运行。我是一个javascript新手。

感谢任何帮助。

<script>
if (document.cookie.indexOf('visited=true') == -1) {
var oneDay = 1000*60*60*24*1;
var expires = new Date((new Date()).valueOf() + oneDay);
document.cookie = "visited=true;expires=" + expires.toUTCString();
alert('We can show the large promo because this is the first page view for today.');
} else {
alert('We\'ve already shown the large promo, we will show a much smaller expandable promo.');
document.getElementById('promo').style.display='none';
document.getElementById('promo-reduced').style.display='block';
}
</script>

<div id="promo-reduced" style="display:none;">
<a onclick="show();"> <img src="/images/small_icon.gif" height="26" width="48" border="0" align="left" />Learn about this product.</a>
</div>

<div id="promo" style="display:block;">
<a onclick="conceal();">Close</a> 
<a href="/learn-more.html" target="_blank" onclick="conceal();"><img src="/images/large-promo.jpg" border="0" /></a><br />
</div>

Answer 1

您的代码似乎有效，但JavaScript在DOM准备好之前就会触发。尝试将内容放在正文中的内容之后。

用于改变div显示的Javascript cookie

1 个答案: