HTML5之歷史記錄API
阿新 • • 發佈：2018-08-22
list UNC meta 是否 event 瀏覽器 etime new else
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>歷史記錄</title>
</head>
<body>
<input type="button" onclick="add()" value="添加一個歷史記錄">
<script>
function add() {
//判斷瀏覽器是否支持這個API
if (window.history && history.pushState) {
//支持
history.pushState(‘數據‘,‘設置歷史狀態顯示的標題，但是瀏覽器不支持‘,‘?demo=‘ + new Date().toLocaleTimeString());
//new Date（）獲取的是一個時間對象，
//toLocaleTimeString轉換成我們能認識的時間字符串
//toLocalDateString轉換成我們能認識的日期字符串
} else {
}
}
window.addEventListener(‘popstate‘,function(e) {
//後退或前進操作
console.log(‘1111‘ + e.state);
})
</script>
</body>
</html>
HTML5之歷史記錄API