0

私は JavaScript と Web デザイン全般に不慣れで、なぜこれが機能しないのか理解できません。

2 つの問題があります。

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;
}
4

2 に答える 2

4

document.writelnイベントが発生した後に使用するとonload(例のように)、DOM 全体が削除されるため、タイトルまたは青色のテキストを表示するための HTML/CSS が残りません。

やろうとしていることをテストするには、次のようにします。

...
<body class="Body">
<p>
<noscript>
    Your javascript is disabled
</noscript>
<script>
    testJavaScript();
</script>
</p>
...

ただし、document.writeln(正当な理由がない限り) まったく使用せず、DOM 操作メソッドを使用してテキストを含めることをお勧めします (例: innerHTML)。@Shyloの答えも取るべきアプローチです。

于 2013-08-27T03:31:35.963 に答える