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);

超時將允許在調用函數內的代碼之前完成前一次執行的時間。