초기 페이지 구현 - 활용

web-n · Apr 17, 2018 · 3b59034 · 3b59034
1 parent 70873c8
commit 3b59034
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -7,14 +7,14 @@
   <script src="colors.js"></script>
 </head>
 <body>
-  <h1><a href="index.html">WEB</a></h1>
+  <h1><a href="#!welcome">WEB</a></h1>
   <input id="night_day" type="button" value="night" onclick="
     nightDayHandler(this);
   ">
-  <ol>
-    <li><a onclick="fetchPage('html')">HTML</a></li>
-    <li><a onclick="fetchPage('css')">CSS</a></li>
-    <li><a onclick="fetchPage('javascript')">JavaScript</a></li>
+  <ol id="nav">
+    <li><a href="#!html" onclick="fetchPage('html')">html</a></li>
+    <li><a href="#!css" onclick="fetchPage('css')">css</a></li>
+    <li><a href="#!javascript" onclick="fetchPage('javascript')">javascript</a></li>
   </ol>
   <article>
 
@@ -27,6 +27,11 @@ <h1><a href="index.html">WEB</a></h1>
       })
     });
   }
+  if(location.hash){
+    fetchPage(location.hash.substr(2));
+  } else {
+    fetchPage('welcome');
+  }
   </script>
 </body>
 </html>
diff --git a/welcome b/welcome
@@ -0,0 +1,2 @@
+<h2>Welcome</h2>
+Hello, Ajax