初学者JavaScript
[英]Beginner javascript
问题描述
我是JavaScript和Web设计的新手，但我不明白为什么这不起作用。
有两个问题。
1）我页面的标题不起作用，而是在浏览器标题栏中显示的是“ myHtml.html ”。 仅当我删除script声明时，标题才有效。
2）我希望JavaScript生成的文本为蓝色，有没有办法做到这一点？
HTML：
<!DOCTYPE html>
<html>
<head class = "Header">
<title>JavaScript Test</title>
<meta charset = "UTF-8">
<link rel = "stylesheet" type = "text/css" href = "myCSS.css" >
<script type= text/javascript src= myJavaScript.js></script>
</head>
<body class = "Body" onload = "testJavaScript()">
<p>
<noscript>
Your javascript is disabled
</noscript>
</p>
</body>
</html>
JavaScript的：
function testJavaScript(){
var message = "You Have Javascript!!";
document.writeln(message);
}
CSS：
@charset "UTF-8";
head.Header{
font-family:sans-serif;
color:green;
}
body.Body{
font-family:sans-serif;
color:blue;
}
2 个解决方案
解决方案1
4 已采纳 2013-08-27 03:31:35
当在onload事件触发后使用document.writeln时（就像您在示例中一样），整个DOM将被删除，因此没有HTML / CSS留下标题或蓝色文本。
要测试您要执行的操作，请执行以下操作：
...
<body class="Body">
<p>
<noscript>
Your javascript is disabled
</noscript>
<script>
testJavaScript();
</script>
</p>
...
但是，我建议您不要使用document.writeln （除非有充分的理由），而不要使用DOM操作方法来包含您的文本（例如innerHTML ）。 @Shylo的答案也是采取的方法。
解决方案2
0 2013-08-27 03:26:44
<!DOCTYPE html>
<html>
<head class="Header">
<title>JavaScript Test</title>
<meta charset="UTF-8">
<style type="text/css">
.Body {
font-family: sans-serif;
color: blue;
}
</style>
<script type="text/javascript">
window.onload = function() {
message = document.createElement('P');
message.className = "Body";
message.innerHTML = "You Have Javascript!!";
document.body.appendChild(message);
}
</script>
</head>
<body>
<p>
<noscript>
Your javascript is disabled
</noscript>
</p>
</body>
</html>
Javascript方法和变量（初学者）
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.