jquery executes before html is loaded

Question

How to make the html load before javascript function

 $(document).ready(function() { var x = 10; if(x == 10) { $('h1').text("Its changed !"); alert("Test"); } })

 <h1>Hello</h1>

Here the alert message will popup,

I also tried,

 $(function(){ window.on('load',function(){ //code }) })

but it doesn't work.

Answer 1

做你想做的基本方法是在body标签末尾的html代码末尾添加脚本。

Answer 2

Your second code snippet should only be :

window.onload = function(){
    /*some code*/
}

Answer 3

The problem appears to be that javascript does not wait for .text() to finish before continuing. Alert then fires, which freezes the browser, preventing text() from completing. There are a couple of ways around this. You could avoid calling functions that freeze the browser (like alert()) or set a timeout before calling alert, like so:

setTimeout(function(){alert('Test')},20);

The timeout will allow time for the previous execution to finish before calling the code within the function.