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

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

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

function codeAddress() {
  // code
}

<body onLoad="codeAddress()">

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

window.onload = codeAddress;

但这并不奏效。

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

当前回答

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

运行的小提琴

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

2012-11-29 16:32:50

其他回答

我相信这是维护跨不同版本浏览器支持的最佳方法

if (window.addEventListener) {
   window.addEventListener("load", myFunction, false);
}
else if (window.attachEvent) {
   window.attachEvent("onload", myFunction);
}
else {
   window.onload = myFunction; //will override previously attached event listeners.
}

2021-04-06 15:44:35

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

运行的小提琴

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

2012-11-29 16:32:50

看一下domReady脚本，该脚本允许设置多个函数，以便在DOM加载后执行。它基本上是Dom ready在许多流行的JavaScript库中所做的，但它是轻量级的，可以在外部脚本文件的开头使用和添加。

示例使用

// add reference to domReady script or place 
// contents of script before here

function codeAddress() {

}

domReady(codeAddress);

2011-01-30 11:30:01

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

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

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

2014-09-22 22:27:34

窗口。Onload将像这样工作:

函数codeAddress() { . getelementbyid(“测试”).innerHTML =日期(); ｝窗口。onload = codeAddress; <！DOCTYPE html > < html > < >头 <title>learning Java script</title> . < script src = " custom.js " > < /脚本> > < /头身体< > < p id = "测试" > < / p > <李> abcd李< / > 身体< / > < / html >

2019-01-17 06:15:00

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

推荐文章

最新文章

标签