Question

我有两个链接到一个html文件的JavaScript文件，根据我放的顺序，第二个不起作用。

HTML：

<head>
    <title>J2EE</title>
    <meta charset="utf-8"/>
    <meta name="description" content="J2EE quiz page"/>
    <meta name="keywords" content="html, j2ee, J2EE"/>
    <meta name="author" content="Wing Hang Khoo"/>
    <!-- Reference to external style -->
    <link href="styles/styles.css" rel="stylesheet"/>
    <script src="scripts/enhancements.js"></script>
    <script src="scripts/quiz.js"></script>
</head>

JS 1：

function x(){
*validating questions codes*
}

function init(){
var regForm = document.getElementById("regForm");
regForm.onsubmit = gradeTest;
}

window.onload = init;

JS 2：

function y(){
*timer code*
}

window.onload = function () {
var fiveMinutes = 60 * 5,
    display = document.querySelector('#time');
startTimer(fiveMinutes, display);
};

不确定是否因为两者都有window.onload功能。

Answer 1

window.onload = init;

window.onload = function () {

在一个脚本中，您为onload分配了一个功能。接下来，你用一个新值覆盖它。

避免直接使用此类属性，请改用addEventListener和朋友。

addEventListener("load", init);
addEventListener("load", function () {
    var fiveMinutes = 60 * 5,
        display = document.querySelector('#time');
    startTimer(fiveMinutes, display);
});

第二个脚本文件不起作用

1 个答案: