我遇到了一个问题,无法解决,如果有人可以帮助我,我将很高兴。所以基本上我想做的是将多个window.onload事件放在一个单独的文件中,该文件启动我的脚本。要弄清楚我的意思是她的处境:
假设我得到了以下文件:
index.html
<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css">
<script type="text/javascript" src="kalkevent.js"></script>
<script type="text/javascript" src="reckevent.js"></script>
<script type="text/javascript" src="winonload.js"></script>
</head>
<body>
<div id="topColumn">
...
</div>
<div id="bottomColumn">
...
</div>
</body>
</html>
kalk.js
function kalkInit() {
Array.prototype.slice.call(document.forms[0].elements).forEach(function(element) {
...
});
};
reck.js
function reckInit() {
...
};
所以我想在window.onload上加载kalkInit和reckInit。这应该在单独的文件中处理。我已经尝试过的是:
winonload.js
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
if (oldonload) {
oldonload();
}
func();
};
}
};
addLoadEvent(kalkInit);
addLoadEvent(reckInit);
但这根本不起作用。所以我的问题是,是否有可能我要做什么。如果可以的话,有人可以帮我吗? :)
最佳答案
您可以考虑使用jQuery。
在您的winonload.js中,您只需要:
$(window).on("load", kalkInit);
$(window).on("load", reckInit);