最近
、 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 .
追加情報
