最近、 HTML 5 DOM Storageテクノロジーに関する記事を書きました 。これはInternet Explorer 8でサポートされています。 この記事では、IE8でサポートされたHTML 5の別の部分を見てみたいと思います。 そのようなテクノロジーは、一般的な名前Networking Eventsの下でのブラウザーイベントの拡張です。 この記事では、そのような3つのイベント、 onhashchange 、 ononline 、 onofflineを検討します。
以下で説明するイベントは、ドラフトHTML 5 AボキャブラリーおよびHTMLおよびXHTMLの関連APIで定義されています 。 他のブラウザでこれらのイベントの実装の説明を見つけることができませんでした。 したがって、Internet Explorer 8が、新しいHTML 5イベントをサポートする最初でこれまでのブラウザーであると想定できます。
onhashchange
window.onhashchangeイベントは、ajaxアプリケーションまたはリッチクライアント機能を備えたアプリケーションの開発者の生活を大幅に簡素化するように設計されています。 URLのハッシュが変更されると、ブラウザーはwindow.onhashchangeイベントを発生させます。 ユーザーがアドレスexample.domain / test.aspx＃page1からexample.domain / test.aspx＃page2に移動すると、そのようなイベントが発生したとします。 このイベントを発生させる別の方法は、 location.hashに新しい値を設定することです 。
使用例：
< script type ="text/javascript" >
function HashChangeHandler() {
alert( ' hash = ' + location.hash);
}
</ script >
…
< body onhashchange ="HashChangeHandler();" >
< a href ="#link1" > </ a >
< a href ="#link2" > </ a >
…
</ body >
* This source code was highlighted with Source Code Highlighter .
ononlineおよびonoffline
これらのイベントは、ブラウザがインターネット接続が消えた、または逆に再開したと判断したときに、ブラウザによってトリガーされます。 これらのプロパティはクライアントコードに役立ちます。これにより、ユーザーが重要なデータを操作しているときに、ユーザーが気づかないインターネット接続を失う状況に対応できます。 このような場合、アプリケーションはユーザーに通知したり、操作を実行してその状態を維持したり、いくつかの機能をブロックしたりできます。
使用例：
function inoffline(e) {
if (!e) e = window. event ;
...
alert( '! .' );
}
window.onload = function () {
document .body.onoffline = inoffline;
}
* This source code was highlighted with Source Code Highlighter .
追加情報
- MSDNのHTML 5ネットワークイベントのスクリーンキャスト msdn.microsoft.com/en-us/ie/dd578301.aspx ;
- MSDNのonchange msdn.microsoft.com/en-us/library/cc288209（VS.85）.aspx ;
- MSDNのonoffline msdn.microsoft.com/en-us/library/cc304126（VS.85）.aspx ;
- MSDNのオンライン msdn.microsoft.com/en-us/library/cc304127（VS.85）.aspx ;
- W3C HTML 5 HTMLおよびXHTMLの語彙と関連API www.w3.org/TR/2009/WD-html5-20090212/browsers.html#handler-window-ononline 。