.html() 有没有香草 Javascript 替代品？

Question

我想对<noscript>产生相反的影响。 如果未启用 Javascript，我根本不希望内容加载，这就是为什么我对display:none不感兴趣，它仍然加载但只是隐藏。

我遇到了这个具有所需影响的先前答案（请参阅更新的答案）。

HTML：

<div id="container"></div>
<script type="text/html" id="content">
    <div class="test">HTML goes here</div>
</script>

jQuery：

$(document).ready(function() {
    $('#container').html($('#content').html());
});

无论如何我可以用Vanilla Javascript做到这一点吗？ 我希望script的内容呈现为功能性 HTML。

Answer 1

通常所做的是将您的 html 设置为：

<html class="no-js">
<head>
  <script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js');})</script>

  <!-- ... -->

</head>

<!-- ... -->

<div class="js-only">I only show up when js is enabled</div>

<!-- ... -->

</html>

然后有一些隐藏该元素的css

.no-js .js-only {
    display: none;
}

的JavaScript取代no-js与js在<html>被使能时的js这导致div来只显示元件

.html() 有没有香草 Javascript 替代品？

问题描述

1 个解决方案

解决方案1
1 2020-09-15 07:11:56

.html() 有没有香草 Javascript 替代品？

问题描述

1 个解决方案

解决方案1 1 2020-09-15 07:11:56

解决方案1
1 2020-09-15 07:11:56