<!-- 檔案：0914-10a.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<a href="0914-10b.html">去b</a>
<button id="back">上一頁</button>
<button id="forward">下一頁</button>
<h2>目前歷史紀錄共<span id="length"></span>筆</h2>
<script src="0914-10.js"></script>
</body>
</html><!-- 檔案：0914-10b.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<a href="0914-10c.html">去c</a>
<button id="back">上一頁</button>
<button id="forward">下一頁</button>
<h2>目前歷史紀錄共<span id="length"></span>筆</h2>
<script src="0914-10.js"></script>
</body>
</html><!-- 檔案：0914-10c.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<a href="0914-10a.html">去a</a>
<button id="back">上一頁</button>
<button id="forward">下一頁</button>
<h2>目前歷史紀錄共<span id="length"></span>筆</h2>
<script src="0914-10.js"></script>
</body>
</html>// 檔案：0914-10.js
document.getElementById('back').onclick=function(){
history.back();
//也可以寫成history.go(-1);
}
document.getElementById('forward').onclick=function(){
history.forward();
//也可寫成history.go(1);
}
document.getElementById('length').innerHTML=history.length;
全站熱搜
留言列表
伺服器架設 (1)
