在我的 javascript 文件中,它首先执行,初始化代码或 $(document).ready() 事件中的代码

Posted

技术标签:

【中文标题】在我的 javascript 文件中,它首先执行,初始化代码或 $(document).ready() 事件中的代码【英文标题】:in my javascript file, which executes first, initialization code or code in an $(document).ready() event 【发布时间】:2020-11-29 17:31:52 【问题描述】:

我正在处理的一个项目有一些初始化代码(不在任何函数中)和一些在 jQuery $(document).ready() 事件中的代码。哪个代码先执行?为什么?我也想知道为什么会这样写?谢谢。例如:

'use strict';
let inputs = [];
function func();
function func2();
$(document).ready(function()
  const a = 1;
  func2();
)

【问题讨论】:

先执行什么?不清楚你在问什么 对不起,我不清楚。在这个首先执行的示例中:let inputs= [ ] 语句或 document.ready 事件 const a = 1 和 func2() 中的语句? 【参考方案1】:

代码会自上而下执行:'use strict';先执行,然后let inputs = [];等。

请注意,执行您的函数定义 function func();function func2(); 实际上并没有调用此时的函数。

文档加载后,它调用传递给$(document).ready() 的匿名函数,该函数执行const a = 1;,最后调用func2();

【讨论】:

【参考方案2】:

ready() 方法用于在文档加载后使函数可用。无论您在 $(document ).ready() 方法中编写的任何代码都将在页面 DOM 准备好执行 javascript 代码后运行。

在此代码中,fun2() 将在文档加载后首先调用。

【讨论】:

以上是关于在我的 javascript 文件中,它首先执行,初始化代码或 $(document).ready() 事件中的代码的主要内容,如果未能解决你的问题,请参考以下文章

如何执行用户在我的页面上输入到我的 ACE 编辑器的代码

在我的 UpdatePanel 完成加载其 DOM 元素后,如何从我的代码隐藏中执行 JavaScript?

Qt 资源文件利用率

Ajax 调用加载的 Javascript 不执行?

如何防止在页面加载时执行 javascript 函数?

如何在 JavaScript 函数中激活 PHP 文件