Skip to content

Instantly share code, notes, and snippets.

@sounisi5011

sounisi5011/README.md

Last active May 5, 2018 22:20
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sounisi5011/5e7561d13975ac1d4bc98ae213707201 to your computer and use it in GitHub Desktop.
Save sounisi5011/5e7561d13975ac1d4bc98ae213707201 to your computer and use it in GitHub Desktop.
Download ZIP
hashchange run test
Raw
index.html
<!doctype html>
<html lang=ja>
<meta charset=utf-8>
<meta name=viewport content="width=device-width,initial-scale=1">
<meta name=format-detection content="telephone=no,email=no,address=no">
<title>hashchange run test</title>
<link rel=preload href=main.css as=style>
<link rel=preload href=main.js as=script>
<link href=main.css rel=stylesheet>
<body>
<ul>
<li><a href="#x1">#x1</a></li>
<li><a href="#x2">#x2</a></li>
<li><a href="#x3">#x3</a></li>
</ul>
<p id=x1>x1</p>
<p id=x2>x2</p>
<p id=x3>x3</p>
<p>EOD</p>
<script src=main.js></script>
Raw
main.css
p {
margin-top: 50em;
margin-top: 50vh;
}
Raw
main.js
window.addEventListener('hashchange', function(event) {
var bodyElem = document.body;
bodyElem.appendChild(document.createElement('br'));
bodyElem.appendChild(document.createTextNode('[' + (new Date) + ']: ' + location.hash));
}, false);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment