javascript - 在 PageLoad 上执行

Question

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

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

我已经尝试过这段代码，但它不起作用。

score 3 · Accepted Answer

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

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

或者document.ready()如果您不等待特定元素加载：

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

score 2 · Accepted Answer

$(你只是有一个你不需要的额外，还有一个缺少的结束}......

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

尽管这可以使您的代码正常工作，但您可能会在 DOM 准备好时运行它（这比等待所有图像加载要快）...

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

score 1 · Accepted Answer

当您只想访问 DOM 时可以使用它：

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

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

如果您还需要加载所有其他资源（样式、脚本、iframe、图像等）（例如，获取图像尺寸），则需要使用以下命令：

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

score 1 · Accepted Answer

您将 JavaScript 的处理方式与 jQuery 的处理方式混为一谈。

Usingwindows.onload = ...是指在 JavaScript 中发生 load 事件后如何分配要调用的函数。

使用$(function(){...})jQuery 语法$(document).ready(function(){})，本质上是一样的，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);
})

score 0 · Accepted Answer

你应该像这样关闭你的函数代码块。

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

score 0 · Accepted Answer

使用这个，删除 window.OnLoad

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

看演示

http://jsfiddle.net/qgPzG/

score 0 · Accepted Answer

您可以使用以下语法：

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

score 0 · Accepted Answer

试试这个：

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

score 0 · Accepted Answer

您忘记关闭 " }); " ：

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

9 回答 9