Question

我正在为大学分配需要脚本的外部文件以及文档正文中的onload函数。我已经尝试了一切我能想到的功能，但没有任何成功。

onclick函数的工作方式与预期一致。我在Firefox和谷歌浏览器中都尝试过该文档，控制台窗口中没有错误显示我的错误。

我已尝试onload="load()"和onload="load();"以及onload="alert("I've been loaded!")"，警报永远不会执行。我无法找到任何其他解决方案要求的解决方案，所以我完全失去了。

回答时请记住我提到的要求，谢谢。

这是index.html文件：

<!DOCTYPE html>
<html>
    <head>
        <title>Assignment 2</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" type="text/css" href="css/assign2.css">
        <script type="text/javascript" src="scripts/assign2.js"></script>
    </head>
    <body>
        <h1>Assignment 2: Javascript Quiz</h1>

        Choose theme: <a onclick="change(1)">Default</a> |
            <a onclick="change(2)">Candy</a>

        <div id="questionBox" class="default">
            <h2>Question 1</h2>
            <div id="question" onload="load()"></div>
        </div>

    </body>
</html>

这是.js文件：

function change(i)
{
    var questionbox = document.getElementById("questionBox");
    if(i === 1)
    {
        questionbox.className = "default";
    }
    else if(i === 2)
    {
        questionbox.className = "candy";
    }
}

function load()
{
    alert("Function load() has been called.");
}

Answer 1

div不支持div。

http://www.w3schools.com/jsref/event_onload.asp

仅支持body，frame，iframe，img，输入类型=＆＃34;图像＆＃34;，链接，脚本和样式。

Javascript onload函数没有执行[程序有特定要求]

1 个答案: