jQueryのロード、アンロード、オンアンロード、オンビフォアアンロード - liuyueyue
1.load: jQueryのload()メソッドは、シンプルだが強力なAJAXメソッドです。 load() メソッドはサーバーからデータをロードし、返されたデータを選択した要素に配置します。
構文: $(selector).load(URL, data, callback);
必須の URL パラメータは、ロードする URL を指定します。
オプションのdataパラメータは、リクエストとともに送信されるクエリstringキー/値ペアのセットを指定します。
オプションのcallbackパラメータは、load()メソッドの完了後に実行される関数の名前です。
これはサンプル ファイル (「demo_test.txt」) の内容です:
<h2>jQuery and AJAX is FUN!!!</h2> <p id="p1">This is some text in a paragraph.</p>
次の例では、ファイル「demo_test.txt」の内容を指定された
要素にロードします。 : $ ("#p1").load("demo_test.txt");
URL パラメーターに jQuery セレクターを追加することもできます。
次の例では、「demo_test.txt」ファイル内の id="p1" を持つ要素のコンテンツを、指定された
要素にロードします。
$("#p1").load("demo_test.txt #p1");オプションのコールバック パラメーターは、load() メソッドが実行されるときに、 completed 許可される
コールバック関数- responseTxt
- 呼び出しが成功したときの結果の内容が含まれます
- statusTXT
- 呼び出しのステータスが含まれます
- xhr
- XML が含まれますHTTPリクエストobject
次の例では、load() メソッドの完了後にツールヒントが表示されます。 load() メソッドが成功すると「外部コンテンツが正常にロードされました!」が表示され、失敗するとエラー メッセージが表示されます:
$("button").click(function(){
$(" #p1" ).load("demo_test.txt",function(responseTxt,statusTxt,xhr){
if(statusTxt=="success")
alert("外部コンテンツが正常に読み込まれました!");
if( statusTxt== "error")
alert("Error: "+xhr.status+": "+xhr.statusText)
});
}); 。
具体的には、次のことが発生したときにアンロード イベントが生成されます:
アドレスバーに新しい URL が入力されたとき
- 進むボタンまたは戻るボタンを使用したとき
- ブラウザを閉じる
- ページを再読み込みする
- unload()メソッドは、
- イベントハンドラー
プログラムをアンロードイベントにバインドします。
- unload()メソッドはウィンドウオブジェクトにのみ適用されます。
onunload：
使用法：・object.onbeforeunload = ハンドラー ・<要素onbeforeunload = "ハンドラー">< /要素>
説明: onunload イベントは、ユーザーがページを閉じるとトリガーされます。 トリガー： 例: meta http -equiv="Content-Type" content="text/html; charset=gb2312 トリガー： <html xmlns="http://www.w3.org/1999/xhtml"> window.onbeforeunload = function(){ 。 以上がjQueryのロード、アンロード、オンアンロード、オンビフォアアンロード - liuyueyueの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
・ブラウザウィンドウを閉じる
・アドレスバーやお気に入りから他のページに移動する時
・戻る、進む、更新、ホームページのいずれかをクリックした時
· 他のページへの URL リンクをクリックしたとき
· 次のイベントのいずれかを呼び出したとき: click、document write、document open、document close、window close、window navigate、window NavigateAndFind、location replace、location reload、 form submit.
· window open を使用してページを開き、このページ上のウィンドウの名前を開くページに渡す場合。
・location.hrefの値を再代入する場合。
・input type="submit"ボタンからアクションを指定してフォームを送信する場合。
"/>
< タイトル >onunload test /title> ! "); } <
/script> </ 頭>
t ;</body>
</html>
4
.onbeforeunload:説明: Firefox と IE は現在、3 つの主要な主流ブラウザで onbeforeunload イベントをサポートしていますが、Opera はサポートしていますまだサポートしていません。 使用法: Object.onbeforeunload = ハンドラー 、このページに留まるにはキャンセルしてください。ハンドラーは、戻り値をダイアログ ボックスの表示テキストとして設定できます。
・ブラウザウィンドウを閉じる
・アドレスバーやお気に入りから他のページに移動した時
・戻る、進む、更新、またはホームページをクリックした時
・いずれかをクリックした時他のページの URL 接続に移動します
· 次のイベントのいずれかを呼び出すとき: クリック、ドキュメントの書き込み、ドキュメントのオープン、ドキュメントのクローズ、ウィンドウのクローズ、ウィンドウのナビゲート、ウィンドウの NavigateAndFind、場所の置換、場所のリロード、フォームの送信
・window openを使用してページを開き、このページ上のウィンドウの名前を開くページに渡す場合。
・location.hrefの値を再代入する場合。
・input type="submit"ボタンからアクションを指定してフォームを送信する場合。
次の要素で使用できます:
・BODY, FRAMESET, window
プラットフォームサポート:
IE4+/Win, Mozilla 1.7a+, Netscape 7.2+, Firefox0.9+
例:
<頭>
<me ta http - equiv="Content-Type" content="text/html; charset=gb2312" />
<title> アンロードテスト前 </title> ?"
; } </script>
</head>
<
body アンロード前="
checkLeave()"> </
body> </html>
var n = window.event.screenX - window.screenLeft;
var b = n > ; document.documentElement .scrollWidth-20;
if(b && window.event.clientY < 0 || window.event.alt Key)
, ,,,,,,,、 、、、、、、、、、、、、、、、、、 、非更新
"); window.event.returnValue =
"シャットダウン "; }else {
アラート("は閉じるのではなく更新します
"); }
注: この記事の最後の 2 つのイベントは、次の場所にまとめられています。 : http://www.cnblogs.com/ fredlau/archive/2009/06/10/1500490.html 原作者に感謝します
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
JavaScriptの文字列文字を交換します
Mar 11, 2025 am 12:07 AM
JavaScript文字列置換法とFAQの詳細な説明 この記事では、javaScriptの文字列文字を置き換える2つの方法について説明します：内部JavaScriptコードとWebページの内部HTML。 JavaScriptコード内の文字列を交換します 最も直接的な方法は、置換（）メソッドを使用することです。 str = str.replace（ "find"、 "置換"）; この方法は、最初の一致のみを置き換えます。すべての一致を置き換えるには、正規表現を使用して、グローバルフラグGを追加します。 str = str.replace（/fi
独自のAjax Webアプリケーションを構築します
Mar 09, 2025 am 12:11 AM
それで、あなたはここで、Ajaxと呼ばれるこのことについてすべてを学ぶ準備ができています。しかし、それは正確には何ですか？ Ajaxという用語は、動的でインタラクティブなWebコンテンツを作成するために使用されるテクノロジーのゆるいグループ化を指します。 Ajaxという用語は、もともとJesse Jによって造られました
独自のJavaScriptライブラリを作成および公開するにはどうすればよいですか？
Mar 18, 2025 pm 03:12 PM
記事では、JavaScriptライブラリの作成、公開、および維持について説明し、計画、開発、テスト、ドキュメント、およびプロモーション戦略に焦点を当てています。
ブラウザでのパフォーマンスのためにJavaScriptコードを最適化するにはどうすればよいですか？
Mar 18, 2025 pm 03:14 PM
この記事では、ブラウザでJavaScriptのパフォーマンスを最適化するための戦略について説明し、実行時間の短縮、ページの負荷速度への影響を最小限に抑えることに焦点を当てています。
ブラウザ開発者ツールを使用してJavaScriptコードを効果的にデバッグするにはどうすればよいですか？
Mar 18, 2025 pm 03:16 PM
この記事では、ブラウザ開発者ツールを使用した効果的なJavaScriptデバッグについて説明し、ブレークポイントの設定、コンソールの使用、パフォーマンスの分析に焦点を当てています。
jQueryマトリックス効果
Mar 10, 2025 am 12:52 AM
マトリックスの映画効果をあなたのページにもたらしましょう！これは、有名な映画「The Matrix」に基づいたクールなJQueryプラグインです。プラグインは、映画の古典的な緑色のキャラクター効果をシミュレートし、画像を選択するだけで、プラグインはそれを数値文字で満たされたマトリックススタイルの画像に変換します。来て、それを試してみてください、それはとても面白いです！ それがどのように機能するか プラグインは画像をキャンバスにロードし、ピクセルと色の値を読み取ります。 data = ctx.getimagedata（x、y、settings.greasize、settings.greasize）.data プラグインは、写真の長方形の領域を巧みに読み取り、jQueryを使用して各領域の平均色を計算します。次に、使用します
シンプルなjQueryスライダーを構築する方法
Mar 11, 2025 am 12:19 AM
この記事では、jQueryライブラリを使用してシンプルな画像カルーセルを作成するように導きます。 jQuery上に構築されたBXSLiderライブラリを使用し、カルーセルをセットアップするために多くの構成オプションを提供します。 今日、絵のカルーセルはウェブサイトで必須の機能になっています - 1つの写真は千の言葉よりも優れています！ 画像カルーセルを使用することを決定した後、次の質問はそれを作成する方法です。まず、高品質の高解像度の写真を収集する必要があります。 次に、HTMLとJavaScriptコードを使用して画像カルーセルを作成する必要があります。ウェブ上には、さまざまな方法でカルーセルを作成するのに役立つ多くのライブラリがあります。オープンソースBXSLiderライブラリを使用します。 BXSLiderライブラリはレスポンシブデザインをサポートしているため、このライブラリで構築されたカルーセルは任意のものに適合させることができます
Angularを使用してCSVファイルをアップロードおよびダウンロードする方法
Mar 10, 2025 am 01:01 AM
データセットは、APIモデルとさまざまなビジネスプロセスの構築に非常に不可欠です。これが、CSVのインポートとエクスポートが頻繁に必要な機能である理由です。このチュートリアルでは、Angular内でCSVファイルをダウンロードおよびインポートする方法を学びます
