Создание веб - сайта с нуля Часть III:. Добавление компьютерного кода (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 Учебник .