最新的Web開發教程
 

網站建設 - 添加代碼(JavaScript的)


從頭開始建立第三部分網站添加計算機代碼(JavaScript的)。


我們將要做什麼

在本章中,我們將:

  • 創建一些計算機代碼(JavaScript的)
  • 添加一個鏈接中的腳本頁面

JavaScript的創建

demoweb文件夾,創建一個新的文件命名的script.js。

將下面的代碼裡面的文件:

的script.js

document.getElementById("foot01").innerHTML =
"<p>&copy;  " + 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教程