. 추가 컴퓨터 코드 (자바 스크립트) : 처음 파트 III에서 웹 사이트를 구축.
우리는 무엇을 할 것 인
우리는 것이 장의 내용 :
- 일부 컴퓨터 코드를 작성 (자바 스크립트)
- 스크립트에 대한 링크를 페이지에 추가
자바 스크립트 만들기
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>
»그것을 자신을 시도자세히보기
우리의 자바 스크립트에 대한 자세한 읽기 자바 스크립트 자습서 .