Home/ Questions/Q 8489757
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T21:55:01+00:00

I’m very new to JS and have a problem with something that looks very

  • 0

I’m very new to JS and have a problem with something that looks very simple.
I am trying to make a code so that if the page loads with a # at the end of the url, eg. http://www.example.com#hashtag, then a div will display, if it doesn’t have a # the div wont display.

My Code:

JS:

<script type="text/javascript">
if(window.location.hash) {
document.getElementById("displaydiv").style.display = "block"; 
}
</script>

HTML:

<div id="displaydiv" style="display: none; height: 100px; width: 100px; 
background-color: red;"></div>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The code is correct, but the <script> is executing too early, before the <div> is rendered, so I suspect you are getting a JavaScript error in the browser. Did you check the browser console?

    Moving the <script> after the <div> will fix it but it might be wise to put the code into a function and call it after the page has loaded, for example:

    <script type="text/javascript">
    function init() {
        if (window.location.hash) {
            document.getElementById("displaydiv").style.display = "block"; 
        }
    }

    window.onload = init;
</script>

    see Alternative to <body onload="init ();">

    • 0