我有 2 个外部 JavaScript 文件,它们都通过window.onload调用函数。文件冲突,所以只有第二个 js 文件在工作。
我将如何修复window.onload以使这两个功能都起作用?我应该在 HTML 文件中执行此操作,还是可以在其中一个 js 文件中修复它?
HTML 标头是:
<link type="text/css" rel="stylesheet" href="house.css" />
<style type="text/css"></style>
<script type="text/javascript" src="slideshow_library.js"></script>
<script type="text/javascript" src="slideshow.js"></script>
<script type="text/javascript" src="house.js"></script>
房子.js:
var $ = function(id){
return document.getElementById(id);
}
var calculateClick = function() {
console.log("click, calculate click is running");
//blahblahblah, lots of code
}
window.onload = function(rental){
console.log("onload, javascript is running");
console.log(rental);
$("calculate").onclick = calculateClick;
}
第二个 window.onload 在 2 个 js 文件中:
幻灯片.js:
var slideShow;
window.onload = function (slideShow) {
var params = {
//blahblahblah lots of code
}
}
幻灯片库.js:
var $ = function(id) {
return document.getElementById(id);
}
var SlideShow = function( params ){
//blahblah blah even more code
}
SlideShow.prototype.displayImage = function(){
//blahblah blah even more code
}
SlideShow.prototype.displayNextImage = function(){
//blahblah blah even more code
}
SlideShow.prototype.displayPreviousImage = function(){
//blahblah blah even more code
}
SlideShow.prototype.togglePlay = function(){
//blahblah blah even more code
}