ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript window.onerror events_javascript スキルを学ぶことで新たなメリットが得られます

JavaScript window.onerror events_javascript スキルを学ぶことで新たなメリットが得られます

WBOY
リリース: 2016-05-16 19:08:13
オリジナル
827 人が閲覧しました

js エラーをキャッチする場合、通常は try{}catch(e){} を使用し、e.errorMessage やその他のメソッドを通じてエラー情報を取得して、エラーを報告します。しかし、onerror イベントについてはほとんど心配する必要はありません。エラーが発生した行番号を報告する方法について考えたことはあるでしょうか。これについて考えたことがある方は、この問題に悩まされたことがありますか? js で間違った行番号をキャプチャすることは不可能だと思いますか? 実際、私は今日、ある記事を読みました。誰かが書いた js コードを見て、突然それを発見しました。onerror イベントについてはずっと前から知っていましたが、その 3 つのパラメーターとその特殊なプロパティをまったく理解していませんでした。私自身の調査とテストの結果、onerror イベントについて新たな知識と理解を得ることができました。ページにエラーがない場合、window.onerror イベントは存在しません、つまり null (ナンセンス! エラーがない場合、onerror が発生するのは正常ですか?) 通常、実行する操作関数を渡す関数名 (参照による) window.onerror=reportError;window.onerror=function(){alert('error')} などの onerror イベントを指定しますが、イベントに 3 つのデフォルト パラメーターがあるかどうかは分からないかもしれません。エラー情報、エラーページのURL、エラー行番号です。これは onclick イベントや onmouseover イベントと同様にイベントですが、パラメータがあることを知っておく必要があります。このようにテストできます。


[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、
を実行するために更新する必要があります]

まずtestError メソッドをバインドします。onerror イベントを与え、テスト メソッドでエラーをトリガーします。IE で実行すると、次のプロンプトが表示されました:
----------------- ---- ---
Microsoft Internet Explorer
--------------------------
パラメータの数: 3
パラメータ 1: 'error' は未定義です
パラメータ 2: file://E:yanweitesttestError.html
パラメータ 3: 14
-------------- -- -----------
OK
-----------------------
エラーが発生すると、関数 testError が 3 つのパラメーターをキャプチャします。この関数を onerror イベントにバインドすると、ページが失敗したときに上記の 3 つのパラメーターをキャプチャできます。

テスト中に次の問題も見つかりました:
1. 関数の最後に return true を追加することで、関数が失敗したときにシステム エラー メッセージ (IE) が表示されなくなります。
2. ページ上で複数のエラーが発生した場合、最初のエラーのみがキャプチャされて処理され、その後のプログラムの実行は終了します。
3. onerror イベントはすべてのエラーをキャプチャできるわけではありません。
function test(){ aaaa;
}
adasdf
function test(){
aaaa;
}
aaaa の未定義エラーをキャプチャでき、test( ){} または関数 test()dd{} はキャプチャできず、システム エラー メッセージが直接ポップアップ表示されます。
4. Onerror は IE や FF などのブラウザでも同様に実行され、どちらにもこれら 3 つのパラメータが含まれます。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート