ayasuda/page.js.html

## page.js.html
<!DOCTYPE html>
<html lang="ja">
  <head>
    <title>page.js の動き方</title>
    <meta charset="UTF-8">
  </head>
  <body>
    <nav>
      <ul>
        <li><a href="/">メイン</a></li>
        <li><a href="/hoge">ページ１</a></li>
        <li><a href="/fuga">ページ２</a></li>
      </ul>
    </nav>

    <article id="result">メインページです。</article>
  </body>

  <script src="https://cdn.rawgit.com/visionmedia/page.js/master/page.js"></script>
  <script>

    var el = document.getElementById('result');
    page('/', function() { el.innerHTML = 'メインページです。'; });
    page('/hoge', function() { el.innerHTML = 'ページ1です。'; });
    page('/fuga', function() { el.innerHTML = 'ページ2です。'; });
    page();

  </script>
</html>
	<!DOCTYPE html>
	<html lang="ja">
	<head>
	<title>page.js の動き方</title>
	<meta charset="UTF-8">
	</head>
	<body>
	<nav>
	<ul>
	<li><a href="/">メイン</a></li>
	<li><a href="/hoge">ページ１</a></li>
	<li><a href="/fuga">ページ２</a></li>
	</ul>
	</nav>

	<article id="result">メインページです。</article>
	</body>

	<script src="https://cdn.rawgit.com/visionmedia/page.js/master/page.js"></script>
	<script>

	var el = document.getElementById('result');
	page('/', function() { el.innerHTML = 'メインページです。'; });
	page('/hoge', function() { el.innerHTML = 'ページ1です。'; });
	page('/fuga', function() { el.innerHTML = 'ページ2です。'; });
	page();

	</script>
	</html>