加载页面时运行函数
我想在页面加载时运行一个函数,但是我不想在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);