Der Aufbau einer Website von Grund auf neu Teil III:. Hinzufügen von Computercode (JavaScript).
Was wir tun werden
In diesem Kapitel werden wir:
- Erstellen Sie einige Computer-Code (JavaScript)
- Fügen Sie einen Link auf das Skript in Ihre Seiten
erstellen Sie JavaScript
Im demoweb Ordner erstellen Sie eine neue Datei mit dem Namen script.js.
Setzen Sie den folgenden Code in der Datei:
script.js
document.getElementById("foot01").innerHTML =
"<p>© " +
new Date().getFullYear()
+ " w3ii. All rights reserved.</p>";Bearbeiten Sie die Homepage
Im demoweb Ordner, bearbeiten Sie die Datei index.html.
Ändern den Inhalt der folgenden:
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>
Versuch es selber "Die Seite oben, ist eine Kopie der Seite aus dem vorigen Kapitel, mit einer zusätzlichen Fußzeile und ein Link zu einem Skript.
Bearbeiten Sie die Seite Info
Zur Vervollständigung Ihrer Arbeit, tun die gleichen Änderungen in about.html.
1. Fügen Sie ein <footer> -Element.
2. Fügen Sie das Skript.
Ändern den Inhalt der folgenden:
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>
Versuch es selber "Weiterlesen
Lesen Sie mehr über JavaScript in unserem JavaScript Tutorial .