ホームページ > 記事 > ウェブフロントエンド > jsのonerrorとはどういう意味ですか? onerrorイベントの使い方は？
jsのonerrorとはどういう意味ですか? onerrorイベントの使い方は？
- 青灯夜游オリジナル
- 2018-11-10 14:44:5410010ブラウズ
この記事の内容はjsのonerrorが何を意味するのかを紹介し、onerrorイベントの使い方を誰でも理解できるようにすることです。困っている友人は参考にしていただければ幸いです。
前回の記事では [js try...catch 構文構造の用途は何ですか?] Try...catch の詳細な説明] では、Web ページのエラーをキャプチャするための try...catch の使用方法を紹介します。同じ目的を達成するために onerror イベントを使用する方法を見てみましょう。
onerror イベントは、Web ページ内の Javascript エラーを検出する昔ながらの標準的な方法で、外部ファイル (ドキュメントまたは画像) の読み込み中にエラーが発生したときにトリガーされます。ページ上でスクリプト エラーまたは例外が発生するたびに、onerror イベントが生成されます。 [関連ビデオチュートリアルの推奨事項: JavaScript チュートリアル]
例:
HTML コード:
<p>点击下面查看结果：</p> <form> <input type="button" value="点击我" onclick="myFunc();" /> </form>
js コード:
window.onerror = function() {
alert("发生错误.");
}Run:
onerror イベントを使用する必要がある場合は、エラーを処理する関数を作成する必要があります。この関数は、onerror イベント ハンドラーです。このイベント ハンドラーは、msg、url、line の 3 つのパラメーターを指定して呼び出す必要があります。これらの 3 つのパラメーターにより、onerror イベント ハンドラーはエラーの正確な性質を調べるための 3 つの情報を提供できます。
Onerror イベント ハンドラーは、エラーの正確な性質を調べるための 3 つの情報を提供します。
エラー メッセージ: ブラウザは、指定されたエラーメッセージが表示される（エラーメッセージ）
URL: エラーが発生したページのURL
行番号:コードの行エラーが発生した場所
構文:
onerror=handleErr
function handleErr(msg,url,line)
{
//在这里处理错误
return true or false
}ブラウザが標準エラー メッセージを表示するかどうかは、onerror の戻り値によって異なります。戻り値が false の場合、コンソール（JavaScript コンソール）にエラーメッセージが表示されます。逆は当てはまりません。
この情報を抽出する方法を例として見てみましょう:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
onerror = handleErr
var txt = ""
function handleErr(msg, url, line) {
txt = "页面上出现了一个错误。\n\n"
txt += "错误: " + msg + "\n"
txt += "URL: " + url + "\n"
txt += "行号: " + line + "\n\n"
txt += "单击“确定”继续。\n"
alert(txt)
return true
}
function message() {
adddlert("欢迎查看！")
}
</script>
</head>
<body>
<p>点击下面查看结果：</p>
<form>
<input type="button" value="查看消息" onclick="message();" />
</form>
</body>
</html>実行効果:
画像 (または他のファイル)、onerror メソッドを使用してエラー メッセージを表示します (以下を参照)。
<img src="myimage.gif" onerror="alert('加载图像时出现错误。.')" / alt="jsのonerrorとはどういう意味ですか? onerrorイベントの使い方は？" >
実行:
概要: 上記がこの記事の全内容です。皆さんの学習に役立つことを願っています。
以上がjsのonerrorとはどういう意味ですか? onerrorイベントの使い方は？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。