javascript - javascript函数什么时候执行

Question

我认为这一定是一个简单的问题，但我一直在四处寻找，但没有在任何地方找到答案。

我的想法是，我有一个带有一些脚本(在正文中)的 html 页面，如下所示:

<script type="text/javascript">grf();</script>

grf() 函数在外部 .js 文件中定义。问题是:一旦浏览器加载了页面及其所有外部 js 文件，是否会执行此函数？还是在加载 .js 文件之前执行函数？如果是这样，我该如何防止这种情况发生？

Answer 1

函数遇到就运行。如果你想让它在页面加载后运行，标准的方法是 Hook 窗口的 onload 事件。 jQuery 对此有很好的支持，但让我们从基础开始:

<script type="text/javascript">window.onload = function() { grf(); }</script>

这将踩踏页面上先前分配的任何其他加载处理程序，这就是为什么大多数人使用 jQuery 的原因。这是小心地链接到以前的处理程序:

<script type="text/javascript">$(document).ready(function() { grf(); });</script>

当然，对于第二个示例，您需要在页面的更上方包含 jQuery 库(这听起来您做不到)。