從頭開始建立第三部分網站:添加計算機代碼(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教程 。