JS onpage/window load

Question

I want to run this script on pageload or after all the elements are loaded.

JavaScript

<script type="text/javascript">
    function backgroundload (){
          $(".portfolio-background-color")
              var color = /#[0-9\A-F]+/.exec($(this).html())[0];
              $(this).css('background', color)
      }
       window.onload = backgroundload;
</script>

i'm new to js please check if my code is okay and is it the correct way to load the js

Try it yourself and have a look at the browser console. You will see some errors. — str, Jan 19 '17 at 07:32

score 1 · Answer 1 · edited May 23 '17 at 12:09

1

All Javascript runs on page load. If what you mean is that you want it to run after all the elements in the page have been initialized, there are several ways:

window.onload
document.onload
body.onload
$(document).ready

There are more in-depth explanations of the support for the first three, and the differences between them, here. Documentation for $(document).ready is here.

However, in my experience, the easiest way to ensure that a script runs after all synchronously-loaded content is simply to place the <script> element at the bottom of the <body>.

edited May 23 '17 at 12:09

Community

1
1

answered Jan 19 '17 at 07:33

furkle

5,019
1
15
24

after all the elements are loaded. – The Naga Tanker Jan 19 '17 at 07:34
1

All of these will accomplish that to some degree, but as I said, the simplest and most bullet-proof is just to put the script element after the elements. – furkle Jan 19 '17 at 07:37
+1 to @furkle . In some cases, the script will not catch right element if it's put at the top of the `` – Tien Jan 19 '17 at 07:47

JS onpage/window load

JavaScript

1 Answers1