加载页面时运行函数

我想在页面加载时运行一个函数,但是我不想在body标签中使用它。

我有一个脚本运行,如果我在身体初始化 – 就像这样:

function codeAddress() { code..... } <body onLoad="codeAddress()"> 

但是我想运行它没有onLoad="codeAddress()"身体,我已经尝试了很多东西,例如:

 window.onload = codeAddress; 

但它不工作?

那么如何在页面加载的时候运行呢?

window.onload = codeAddress; 应该工作 – 这是一个演示 ,完整的代码:

 <!DOCTYPE html> <html> <head> <title>Test</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript"> function codeAddress() { alert('ok'); } window.onload = codeAddress; </script> </head> <body> </body> </html> 

原生JavaScript并没有使用jQuery或window.onload,而是从jQuery发布以来采用了一些很棒的function。 所有现代浏览器现在都有自己的DOM就绪function,而不使用jQuery库。

如果你使用原生Javascript,我会推荐这个。

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

采取达林的答案,但jQuery的风格。 (我知道用户要求JavaScript)。

跑小提琴

 $(document).ready ( function(){ alert('ok'); });​ 
 window.onload = function(){codeAddress();}; 

看看domReady脚本 ,该脚本允许设置多个函数在DOM加载时执行。 它基本上是DOM准备在许多stream行的JavaScript库中所做的,但轻量级的,可以在外部脚本文件的开始处被采用和添加。

用法示例

 // add reference to domReady script or place // contents of script before here function codeAddress() { } domReady(codeAddress);