如何在页面加载时运行函数?

我想在加载页面时运行一个函数，但我不想在<body>标记中使用它。

我有一个脚本，如果我在<body>中初始化它，就会运行，像这样:

function codeAddress() {
  // code
}

<body onLoad="codeAddress()">

但我想运行它没有<body onload="codeAddress()“>和我尝试了很多东西，例如:

window.onload = codeAddress;

但这并不奏效。

那么，当页面加载时，我如何运行它呢?

当前回答

窗口。onload = codeAddress;应该工作-这里是一个演示，和完整的代码:

<！DOCTYPE html > < html > < >头 <标题>测试< /名称> <meta http-equiv=" content - type " content="text/html;utf - 8字符集= " / > < script type = " text / javascript " > 函数codeAddress() { alert('好的'); ｝窗口。onload = codeAddress; > < /脚本 > < /头身体< > 身体< / > < / html >

<！DOCTYPE html > < html > < >头 <标题>测试< /名称> <meta http-equiv=" content - type " content="text/html;utf - 8字符集= " / > < script type = " text / javascript " > 函数codeAddress() { alert('好的'); ｝ > < /脚本 > < /头 <身体onload = " codeAddress ();" > 身体< / > < / html >

2011-01-30 11:23:06

其他回答

而不是使用jQuery或window。自jQuery发布以来，原生JavaScript采用了一些很棒的函数。所有现代浏览器现在都有自己的DOM就绪函数，而无需使用jQuery库。

如果您使用本机Javascript，我建议您这样做。

document.addEventListener('DOMContentLoaded', function() {
    alert("Ready!");
}, false);

2014-09-22 22:27:34

窗口。onload = codeAddress;应该工作-这里是一个演示，和完整的代码:

<！DOCTYPE html > < html > < >头 <标题>测试< /名称> <meta http-equiv=" content - type " content="text/html;utf - 8字符集= " / > < script type = " text / javascript " > 函数codeAddress() { alert('好的'); ｝ > < /脚本 > < /头 <身体onload = " codeAddress ();" > 身体< / > < / html >

2011-01-30 11:23:06

替代解决方案。我更喜欢这种方式，因为它简洁，代码简单。

(function () {
    alert("I am here");
})();

这是一个匿名函数，没有指定名称。这里所发生的是，函数被定义并一起执行。将它添加到正文的开头或结尾，这取决于它是在加载页面之前执行还是在加载所有HTML元素之后执行。

2018-06-18 13:24:34

采用Darin的答案，但jQuery风格。(我知道用户要求javascript)。

运行的小提琴

$(document).ready ( function(){
   alert('ok');
});

2012-11-29 16:32:50

一旦页面加载，函数将运行:

(*your function goes here*)();

另外:

document.onload = functionName();
window.onload = functionName();

2020-11-01 01:48:51

如何在页面加载时运行函数?

推荐文章

最新文章

标签