Costruire un sito web da zero Parte III:. L'aggiunta di codice per computer (JavaScript).
Cosa faremo
In questo capitolo:
- Creare un codice di computer (JavaScript)
- Aggiungere un collegamento allo script nelle pagine
creare JavaScript
Nella cartella demoweb, creare un nuovo file script.js nome.
Inserire il seguente codice all'interno del file:
script.js
document.getElementById("foot01").innerHTML =
"<p>© " +
new Date().getFullYear()
+ " w3ii. All rights reserved.</p>";Modificare la pagina
Nella cartella demoweb, modificare il file index.html.
Modificare il contenuto di quanto segue:
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>
Prova tu stesso "La pagina di cui sopra, è una copia della pagina del capitolo precedente, con un piè di pagina aggiunto, e un link ad uno script.
Modificare la pagina About
Per completare il lavoro, fare le stesse modifiche in about.html.
1. Aggiungere un elemento <footer>.
2. Includere lo script.
Modificare il contenuto di quanto segue:
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>
Prova tu stesso "Leggi di più
Per saperne di più JavaScript nel nostro tutorial JavaScript .