ゼロからWebサイトを構築パートIII：追加のコンピュータコード（JavaScriptの）。
私たちは何をしますか
この章では以下となります。
- いくつかのコンピュータコードを作成します（JavaScriptの）
- ページ内のスクリプトへのリンクを追加します。
JavaScriptを作成します。
demowebフォルダで、script.jsという名前の新 しいファイルを作成します。
ファイル内に次のコードを追加します。
script.js
document.getElementById("foot01").innerHTML =
"<p>© " +
new Date().getFullYear()
+ " w3ii. All rights reserved.</p>";ホームページの編集
demowebフォルダで、index.htmlファイルを編集します。
次の内容を変更します。
index.htmlを
<!DOCTYPE html>
<html>
<head>
<title>Our Company</title>
<link href="site.css" rel="stylesheet">
</head>
<body>
<div id="main">
<h1>Welcome to Our Company</h1>
<h2>Web Site Main Ingredients:</h2>
<p>Pages (HTML)</p>
<p>Style Sheets (CSS)</p>
<p>Computer Code (JavaScript)</p>
<p>Live Data (Files and Databases)</p>
<footer id="foot01"></footer>
</div>
<script src="script.js"></script>
</body>
</html>
»それを自分で試してみてください上記のページには、追加されたフッタを持つ前の章、およびスクリプトへのリンクからページのコピーです。
ページを編集します
あなたの作業を完了するために、about.htmlで同じ変更を行います。
1. <フッタ>要素を追加します。
2.スクリプトを含めます。
次の内容を変更します。
about.html
<!DOCTYPE html>
<html>
<head>
<title>About</title>
<link href="site.css" rel="stylesheet">
</head>
<body>
<div id="main">
<h1>About Us</h1>
<p>Lorem Ipsum Porem Lorem Ipsum Porem</p>
<footer id="foot01"></footer>
</div>
<script src="script.js"></script>
</body>
</html>
»それを自分で試してみてください続きを読む
私たちのJavaScriptについてもっと読むJavaScriptのチュートリアル 。