发表新帖
发表新帖

How to hide parts of HTML when JavaScript is disabled?

后端 未结
关注
8 2035
伪装坚强ぢ
伪装坚强ぢ 2021-02-07 06:10

I\'m trying to accommodate users without JavaScript. (By the way, is it worth the effort nowadays?)

In one HTML file I\'d like part of it execute if scripts are on

相关标签:
8条回答
  • 庸人自扰
    2021-02-07 06:51

    I had been looking around for a way to do this so that I could hide a navigation dropdown menu that gets rendered nonfunctional when javascript is enabled. However, all of the solutions for changing the display property did not work.

    So, what I did first was assigned an ID (ddown) to the div element surrounding the dropdown menu.

    Then, within the head section of the HTML document, I added this in:

    <noscript>
    <style>
        #ddown {display:none;}
    </style>
</noscript>

    And that just worked. No dependency on javascript, jquery, or any other scripting: just pure HTML and CSS.

    0 讨论(0)
  • 青春惊慌失措
    2021-02-07 06:52

    here's a video tutorial on how this can be done with jQuery: http://screenr.com/ya7

    Code:

    <body class="noscript">
<script>
$('body').removeClass('noscript');
</script>
</body>

    And then just hide the relevant elements under body.noscript accordingly.

    edit However, JQuery might be bloated for a small fix like this one, so I suggest Zauber Paracelsus' answer since it does not require JQuery.

    0 讨论(0)
 看不清?
提交回复
热议问题