jquery在加载html之前执行

Question

如何在javascript函数之前加载html

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

 <h1>Hello</h1>

这里会弹出警告消息，

我也试过，

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

但它不起作用。

Answer 1

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

Answer 2

你的第二个代码片段应该只是：

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

Answer 3

问题似乎是 javascript 在继续之前不等待 .text() 完成。 然后触发警报，冻结浏览器，阻止 text() 完成。 有几种方法可以解决这个问题。 您可以避免调用冻结浏览器的函数（如 alert()）或在调用 alert 之前设置超时，如下所示：

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

超时将允许在调用函数内的代码之前完成前一次执行的时间。