次のコードを見てください。
<!--begin of index.html-->
<a href="#" id='click'>Click to change url to Index2.html</a>
<script type="text/javascript">
var stateObj = { foo: "bar" };
function change_my_url()
{
history.pushState(stateObj, "page 2", "http://MyDomain.com/Index2.html");
}
var link = document.getElementById('click');
link.addEventListener('click', change_my_url, false);
</script>
<!--end of index.html-->
これは、ページをリロードせずに URL を変更するサンプル スクリプトです。
このスクリプトは、ページをリロードせずに URL をhttp://mydomain.com/index.htmlからhttp://mydomain.com/Index2.htmlに正常に更新します。ただし、更新された URL では、コードに記載されているようにファイル名が大文字になっていますが、ドメイン名は大文字ではありません。URL をhttp://MyDomain.com/Index2.htmlのようにしたい。これは可能ですか?
このスクリプトがドメイン名を大文字にするという私の仮定が間違っていることはわかっています。しかし、Javascript を使用して URL 内のドメイン名を大文字にする取り組みの例を紹介しました。