在PageLoad上執行

Question

如何在頁面加載時以HTML格式執行此代碼？

<script>  
    window.onload = $(function(){ 
     $("#name1, #name2").val("").attr("disabled",true); 
}; 
</script> 

我試過這段代碼，但它不起作用。

Answer 1

最好使用on()處理程序：

$(window).on('load', function(){ 
    $("#name1, #name2").val("").attr("disabled",true); 
}); 

或document.ready()，如果你不等待特定的元素加載：

$(document).ready(function(){ 
    $("#name1, #name2").val("").attr("disabled",true); 
}); 

Answer 2

你只需要一個額外的$(，你不需要和遺漏的關閉} ...

window.onload = function() { 
    $("#name1, #name2").val("").attr("disabled",true); 
}; 

雖然，得到您的代碼工作，你很可能運行此當DOM準備好（這是不是等待加載的所有圖像更快）...

$(function() { 
    $("#name1, #name2").val("").attr("disabled",true); 
}); 

Answer 3

應關閉功能的代碼塊這樣。

<script>  
    window.onload = $(function(){ 
     $("#name1, #name2").val("").attr("disabled",true); 
    }); 
</script> 

Answer 4

利用這一點，刪除在window.onload

$(function(){ 
    $("#name1, #name2").val("").attr("disabled",true); 
}); 

查閱DEMO

http://jsfiddle.net/qgPzG/

Answer 5

您可以使用此語法：

$(function(){ 
    $("#name1, #name2").val("").attr("disabled",true); 
}); 

Answer 6

你可以使用這個時候你只需要訪問您的DOM：

$(document).ready(function() { /* code */ }); 

$(function() { /* code */ }); // shorthand function (is identical) 

如果你需要的所有其他資源（樣式，腳本，I幀，圖像等），以太加載（如：得到的圖像尺寸），您需要使用此：

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

Answer 7

試試這個：

window.onload = function() { 
// do stuff here 
    $("#name1, #name2").val("").attr("disabled",true); 
} 

Answer 8

您與做事的jQuery的方式做事情的JavaScript的方式混合起來。

使用windows.onload = ...是您如何分配在JavaScript中發生加載事件後調用的函數。

使用是用於$(document).ready(function(){})的jQuery語法，其中essentialy是同樣的事情，jQuery的文檔準備好後也會觸發加載後，但不像不像windows.onload加載圖像之前。

使用其中一種或另一種語法。

無論是使用JavaScript這樣的：

window.onload = function(){ 
    $("#name1, #name2").val("").attr("disabled",true); 
} 

或者jQuery的選擇之一：

$(function(){ 
    $("#name1, #name2").val("").attr("disabled",true); 
}) 

$(document).ready(function(){ 
    $("#name1, #name2").val("").attr("disabled",true); 
}) 

$(window).ready(function(){ 
    $("#name1, #name2").val("").attr("disabled",true); 
}) 

Answer 9

您忘記關閉「}）;「：

<script>  
    window.onload = $(function(){ 
     $("#name1, #name2").val("").attr("disabled",true); 
}); 
</script>