javascript - JS 函数没有被调用?

标签 javascript html arrays

我是一个 javascript 新手,所以如果有人可以帮助我,我会很感激:)

我试图从我的外部js文件调用我的函数(问题),但它出于某种原因没有加载它。任何帮助都会很棒!

HTML 文件

 <section>

    <h3 id="q1" window.onload= "loadQuestion1()" style="color:blue"></h3>
    <ul>
        <li><input type="radio" id="answers" value="Css is 1" >Answer 1</li>
        <li><input type="radio">Answer 2</li>
        <li><input type="radio">Answer 3</li>
        <li><input type="radio">Answer 4</li>
    </ul>

    </section>
</div>

<footer>
</footer>
<script type="text/javascript" src="js/quiz.js"></script>
</body>

JavaScript 文件

console.log("53");

var questions = Array["question 1", "question 2", "question 3","question 4" ]

function loadQuestion1(){
console.log("q1");
document.getElementById('q1').innerHTML = "text";
}
function rand(min, max) { 

var offset = min; 
var range = (max - min) + 1; 
var randomNumber = Math.floor( Math.random() * range) + offset; 
return randomNumber; } 

randomNumber = rand(0, questions.length - 1); 
randomQuestions = questions.[randomNumber];

所以目前它应该加载“text”这个词,但由于某种原因它没有加载它 - 别介意实际的问题。

p.s 我正在尝试制作一个小型测验应用程序,它从数组中选择一个随机问题

最佳答案

window.onload 是 JavaScript 属性,而不是 HTML 属性。

HTML 属性中没有 .

HTML 中没有 window 属性。

h3 元素没有 onload 属性(因为它不会触发任何内容的加载)。

如果您在 90 年代编写代码,您会:

<body onload="loadQuestion1()">

00 年代的代码通常会使用:

window.onload = loadQuestion1;

这十年的代码通常使用:

addEventListener('load', loadQuestion1);

关于javascript - JS 函数没有被调用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26999747/

相关文章:

javascript - 媒体查询不工作最大宽度 : 900px

javascript - 将菜单导航链接到两个不同选项卡中具有相同 ID 的两个 div

javascript - JS - 递归 - 遍历对象图返回找到的对象并保存路径

c - 语法错误 : missing ']' before ';' Array declaration error in C

javascript - 有没有办法用计数器将不同的东西附加到 div 中?

javascript - 添加/删除/替换 html 元素的类

javascript - 向数组添加值

Javascript、Canvas 和调整大小

html - 调整浏览器大小时文本/结构中断

java - 使用单个 for 循环打印二维数组