我找不到为什么此代码中div的第一个按钮不能用于HTML文件。 我检查了许多javaScript和HTML验证程序,但都没有工作。 codecademy.com和w3schools.com上的 可以工作,但不能用于HTML文件。我找不到我的代码有什么问题
<!DOCTYPE html>
<html>
<head>
<style>
#b1 {
background-image: url('http://images2.fanpop.com/image/photos/14600000/egypt-egyptian-history-14635051-430-287.jpg');
background-repeat: no-repeat;
background-size: cover;
}
div {
width: 990px;
padding: 25px;
border: 2px solid navy;
margin: 25px;
}
</style>
</head>
<body id="b1">
<script>
var b = 0;
var a = function() {
var q = "blah"
document.getElementById('r').innerHTML = q;
};
var g = function() {
location.reload();
};
var ab = function() {
var p = "blah";
document.getElementById('r').innerHTML = p;
};
var aq = function() {
var an = "blah";
document.getElementById('r').innerHTML = t;
};
var di = function() {
var pe = "blah";
document.getElementById('r').innerHTML = pe;
};
var e = true;
var a = function() {
if (e === true) {
e = false;
document.getElementById('a').innerHTML = "Ancient Egypt";
}
else {
e = true;
document.getElementById('a').innerHTML = "Erik Low\'s";
}
}
setInterval(function() { a(); }, 4000);
</script><center>
<div style="background:white" id="r">
<h1>Ancient Egypt</h1>
<h2>Achievements</h2>
<hr />
<button onclick="a();">Pyramids</button><br /><br />
<button onclick="ab();">The Sphinx</button><br /><br />
<button onclick="aq();">Writing</button><br /><br />
<button onclick="v();">Mummification</button><br /><br />
<button onclick="di();">Valley Of The Kings</button><br /><br />
</div>
</center>
请将您的问题更改为正常情况下,并使用空格缩进代码,而不是标签。顺便说一句,你的全局代码在页面中存在任何元素之前运行。 – RobG
你做了什么来诊断它?您是否在调试控制台中检查错误?您是否设置了断点并通过代码追踪?您是否已将'console.log()'语句添加到您的代码中以跟踪发生了什么? – jfriend00