t-okushima/file0.txt

## file0.txt
window.history.back();

## file1.txt
window.history.forward();

## file2.txt
window.history.go(1)

## file3.txt
window.history.pushState({name : 't-okushima'}, null, '/name')

## file4.txt
window.history.replaceState({name : 'aaaa'}, null, '/name')

## file5.txt
window.addEventListener('popstate', function(event) {
    // 任意の処理
    var state = event.state;
    alert(state.name):
});

## file6.txt
window.history.state

## file7.html
<!DOCTYPE html>
<html>
    <head>
        <title>History API Sample</title>
    </head>
    <body>
        <label for='name'>Name</label>
        <input type='text' id='name' value='' />
        <input type='button' id='pushButton' value='pushState' />
        <hr />
        <input type='button' id='replaceButton' value='replaceState' />
        <script>
            document.getElementById('pushButton').addEventListener('click', function() {
                var name = document.getElementById('name').value;
                window.history.pushState({name : name}, null, './history-api.html');
            });

            document.getElementById('replaceButton').addEventListener('click', function() {
                var name = document.getElementById('name').value;
                window.history.replaceState({name : name}, null, './history-api.html');
            });

            window.addEventListener('popstate', function(e) {
                var state = e.state;
                if (state) {
                    document.getElementById('name').value = state.name;
                    alert(state.name);
                } else {
                    document.getElementById('name').value = '';
                }
            });
        </script>
    </body>
</html>
	window.addEventListener('popstate', function(event) {
	// 任意の処理
	var state = event.state;
	alert(state.name):
	});
	<!DOCTYPE html>
	<html>
	<head>
	<title>History API Sample</title>
	</head>
	<body>
	<label for='name'>Name</label>
	<input type='text' id='name' value='' />
	<input type='button' id='pushButton' value='pushState' />
	<hr />
	<input type='button' id='replaceButton' value='replaceState' />
	<script>
	document.getElementById('pushButton').addEventListener('click', function() {
	var name = document.getElementById('name').value;
	window.history.pushState({name : name}, null, './history-api.html');
	});

	document.getElementById('replaceButton').addEventListener('click', function() {
	var name = document.getElementById('name').value;
	window.history.replaceState({name : name}, null, './history-api.html');
	});

	window.addEventListener('popstate', function(e) {
	var state = e.state;
	if (state) {
	document.getElementById('name').value = state.name;
	alert(state.name);
	} else {
	document.getElementById('name').value = '';
	}
	});
	</script>
	</body>
	</html>