Construirea unui site web de la zero. Partea a III -a : Adăugarea de cod de computer (JavaScript) .
Ce vom face
În acest capitol vom:
- Creați un cod de calculator (JavaScript)
- Adăugați un link către script-ul în paginile dvs.
Creați JavaScript
În dosarul demoweb, a crea un nou fișier numit script.js.
Puneți următorul cod în fișierul:
script.js
document.getElementById("foot01").innerHTML =
"<p>© " +
new Date().getFullYear()
+ " w3ii. All rights reserved.</p>";Editați pagina de start
În dosarul demoweb, modificați fișierul index.html.
Modificarea conținutului de la următoarele:
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>
Încearcă - l singur » Pagina de mai sus, este o copie a paginii din capitolul precedent, cu un subsol adăugată, precum și un link către un script.
Editați pagina Despre
Pentru a finaliza munca, face aceleași modificări în about.html.
1. Adăugați un <footer> Element.
2. Includeți scriptul.
Modificarea conținutului de la următoarele:
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>
Încearcă - l singur » Citeste mai mult
Cititi mai multe despre JavaScript în nostru Tutorial JavaScript .