如果启用了JS，我该如何编写HTML代码？ [英] How can I write HTML code only if JS is enabled?

问题描述

可能重复：

是否有与noscript相对的html

< noscript> 如果JS被禁用，可以轻松地将HTML代码作为备用...但是如果我想要HTML代码只在脚本显示时是否启用了？我可以有一个动态写HTML的JS块，但是有没有更好的方法来使用一些常规的HTML？

<noscript> makes it easy to have HTML code as a fallback if JS is disabled... but what if I want to have HTML code which is only shown when scripts are enabled? I can have a JS block which dynamically writes HTML, but is there a nicer way to do it using some regular HTML?

假设我有一个链接：

<a href="test.com">This should only appear if Javascript is enabed</a>

推荐答案

使用HTML元素与 style =display：none，设置为显示：块从JavaScript。

Use a HTML element with style="display:none", set that to display:block from JavaScript.

示例代码（丑陋的地狱，但只是给你的想法）

Sample code (ugly as hell, but just to give you the idea)

<div id="hideThisFromNonJs" style="display:none">
Bla bla bla
</div>

<script type="text/javascript">
document.getElementById('hideThisFromNonJs').style.display='block';
</script>

这篇关于如果启用了JS，我该如何编写HTML代码？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！