未调用 JS 函数
JS function not being called?
我是javascript的一个完整的菜鸟,所以如果有人可以帮助我,我会欣赏它:)
我试图从我的外部 js 文件调用我的函数(问题),但它没有加载它,无论出于何种原因,任何帮助都会很棒!
网页文件
<section>
<h3 id="q1" window.onload= "loadQuestion1()" style="color:blue"></h3>
<ul>
<li><input type="radio" id="answerswers" 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];
所以目前它应该加载"文本"这个词,但由于某种原因它没有加载它 - 别介意实际问题。
p.s 我试图制作一个小的测验应用程序,从数组中选择一个随机问题
window.onload
是一个JavaScript属性,而不是HTML属性。
HTML 属性中没有.
。
HTML 中没有 window
属性。
h3
元素没有onload
属性(因为它不会触发任何内容的加载)。
如果你在 90 年代编写代码,你会:
<body onload="loadQuestion1()">
00 年代的代码通常使用:
window.onload = loadQuestion1;
这十年的代码通常使用:
addEventListener('load', loadQuestion1);
只需将您的JS放入其中:
window.onload = function(){
/*YOUR JS HERE*/
}
window.onload 事件在文档窗口准备就绪时启动
你应该从 h3 标签中删除代码 window.onload= "loadQuestion1()",并将 onload= "loadQuestion1()" 添加到 body 标签中。
这应该有效。
这是工作代码,您在JS中也有一些语法错误,请与您的代码进行比较
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body onload="loadQuestion1()">
<section>
<h3 id="q1" style="color:blue"></h3>
<ul>
<li><input type="radio" id="answerswers" 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>
<footer>
</footer>
<script type="text/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];
</script>
</body>
</html>
相关文章:
- 为什么我的控制器没有启动函数.js脚本
- 在函数js中传递变量
- 如何在单独的文件中调用函数 js.
- 在铯中调用函数.js当事件被尝试时
- 只有setTimeout执行函数.JS
- 为什么图像选择器程序中的这个函数 js 不起作用
- 获取邮件中的信息.php从函数.js解析为manage.html
- 如何从应用程序中调用JS函数.js在Rails4视图中
- Uncatch TypeError: obj.attr 不是函数 JS
- 从 C++ 节点调用 JavaScript 函数.js扩展
- 调用 Backbone 内部的外部函数.js的视图初始化方法
- 如何使用 Scala 创建 JavaScript 函数.js
- 使用带有下划线循环的回调函数.js骨干.js项目不起作用
- 获取字段值的函数-JS
- 函数js不能递归调用自己的函数
- 在函数JS中创建带有地理代码的标记
- 循环内部的函数(js/jquery)
- 我需要帮助将此代码添加到jQuery函数.js文件中
- 未捕获类型:未定义不是函数JS错误
- 停止多个内联函数JS的事件传播