我按照本类(class)的要求复制了代码。学院使用的书是 HTML and JavaScript Basics 第 4 版。我实际上在上一章的最后一个元素上,无法弄清楚代码有什么问题。它应该通过不同大小和颜色的字体来改变。
我已经通过 JShint.com 运行代码,但没有得到任何关于它不工作的原因的明确信息。在这个网站上到处寻找,甚至是某种接近的东西,看看是否有任何帮助,但没有。我敢肯定,无论它是什么,都非常简单,或者很可能是书中遗漏了什么。
我的 java/html 代码:
<link href="js25.css" rel="stylesheet" type="text/css"></link>
<script type="text/javascript">
/* <![CDATA[ */
var index = 0;
function stylize() {
index++;
if (index > 7) index = 1;
var s = "myStyle" + index;
var e = document.getElementById("MessageText");
e.className = s;
setTimeout("stylize()", 1500);
return;
}
/* ]]> */
</script>
</head>
<body onload="stylize()">
<table align="center" border="1" style="border-color:black">
<tr>
<td align="center">
<font size="3"><b>STYLE CLASS VIEWER</b></font>
</td>
</tr>
<tr>
<td align="center" height="100" width="400">
<div id="MessageText" class="myStyle1">
Hello World Wide Web!!
</div>
</td>
</tr>
</table>
</body>
这是我的CSS代码:
.myStyle1 {
color: black;
font-size: 12;
}
.myStyle2 {
color: black;
font-size: 18;
}
.myStyle3 {
color: black;
font-size: 24;
}
.myStyle4 {
color: black;
font-size: 30;
}
.myStyle5 {
color: black;
font-size: 30;
}
.myStyle6 {
color: black;
font-size: 30;
}
.myStyle7 {
color: black;
font-size: 30;
}
最佳答案
您的 JavaScript 看起来不错,看来您的问题出在 CSS 上。您需要将“px”添加到您的字体大小。
.myStyle1 {color:black; font-size:12px}
.myStyle2 {color:black; font-size:18px}
.myStyle3 {color:black; font-size:24px}
关于javascript - 大学学习JavaScript,这应该是一个基于框架的样式查看器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23117010/