需要 JavaScript 的内容以及备用内容

Avatar of Chris Coyier
Chris Coyier

需要 JavaScript 的区域使用内联 CSS 隐藏,然后在 JavaScript 加载后使用一小段 JavaScript 代码显示。在下方,使用 noscript 标签作为备用内容。因此,根据是否启用了 JavaScript,只需要其中一部分内容。

<!-- JavaScript-Required Content -->
<div id="photoslider" style="display:none">Javascript photoslider</div>
<script>document.getElementById('photoslider').style.display='';</script>
<!-- END JavaScript-Required Content -->

<!-- Fallback Content -->
<noscript><div id="photo">Alternative static photo as content when javascript is turned off</div></noscript>
<!-- END Fallback Content -->