如何在HTML <body> onload中调用jQuery函数？

Question

我想从HTML <body>标签调用jQuery函数。 这是我的HTML：

< body bgcolor="#ffffff" onLoad="???" >

如何在加载页面时调用jQuery函数？ 我的jQuery函数看起来像这样

jQuery(function($){
    var input_id;
    //code
});

Answer 1

您在以下方法（块）中编写的任何代码都将在DOM加载后自动执行。 您无需再次从HTML组件中调用它。

 $(document).ready(function() { 

//your code
});

Answer 2

此主题已在此处介绍过。

你很有可能在寻找

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

要么

$(window).load(function($) {
    var input_id;
    //code
});

如果您对这两者之间的区别感到好奇，请参阅有关该主题的JQuery文档。

另请注意，您似乎尝试使用的<body onload=""> 通常与上述JQuery 不兼容。

Answer 3

HTML： 你是在正确的轨道上，但你不必将JS放在body标签中。 请参阅以下JS选项：

<body bgcolor="#ffffff">

JS

$(window).load(function($) {
    functionA(arg1, arg2, arg3);
});

一旦包含图形的DOM完全加载，这将启动functionA() 。

要么

$(document).ready(function($) {
    functionA(arg1, arg2, arg3);
});

一旦DOM加载并且在任何图形完成加载之前，这将触发functionA() 。

Answer 4

$(function() {
    // code
});

这是document.ready（）的简写，所以在执行之前它会等待主体完成加载。

Answer 5

从Jquery 3开始，折旧以下语法：

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

Jquery 3中推荐的替代方法是使用以下语法（在以前的版本中，它只是一种简写语法）：

$(function(){
    //code
});

以下是官方Jquery解释为什么第一种语法被折旧并且不再推荐（ https://api.jquery.com/ready/ ）：

... [文档]的选择与.ready（）方法的行为没有关系，这是低效的，并且可能导致对方法行为的错误假设。

Answer 6

document.ready(function($){
  // here you go
})