在PageLoad上执行

Question

如何在页面加载时在HTML中执行此代码？

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

我试过这段代码，但它不能工作。

Answer 1

最好使用处理程序：

$(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

当你只想访问你的DOM时，你可以使用这个：

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

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

如果您需要所有其他资源(样式、脚本、iframe、图像等)也要加载(例如，获取图像尺寸)，则需要使用以下内容：

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