ホームページ ウェブフロントエンド jsチュートリアル IE および Firefox_javascript スキルでの JScript と HREF の実行順序を解釈する

IE および Firefox_javascript スキルでの JScript と HREF の実行順序を解釈する

May 16, 2016 pm 07:06 PM
href jscript 執行順序

長い間コーディングに関する記事を書いていませんでした。その主な理由は、最近の仕事が需要分析に重点を置いているためであり、現実の感情がなければ、書く動機がありません。 JScript の実行順序に関する問題について話し合います。サンプル コードは次のとおりです。
a.htm
Click Me!A onclick="func2('onclick')" href="d.htm">クリックしてください
<SCRIPT> ;<br>function func(str)<br>{<br> msg(str);<br> window.location.href="c.htm";<br>}<br>function msg(str)<br>{<br> document.getElementById("msg").innerText=str; //A<br> //alert(str);<br> window.location.href="e.htm" ;<br>}<br></SCRIPT>


msg(str) 行にコメントがあります。テスト中にそれぞれ A と B を実行します。

A
B
マウスアップ時 クリック マウスアップ時 クリック
IE b.htm
d.htm c.htm d.htm

ファイアフォックス c.htm
   A  B
 onmouseup  onclick  onmouseup onclick 
 IE  b.htm  d.htm  c.htm d.htm 
 FireFox  c.htm->b.htm  e.htm->d.htm  c.htm->b.htm e.htm->d.htm 
->b.htm
e.htm

->d.htm

c.htm
->b.htm
e.htm

->d.htm


上の表は主に 2 つのブラウザでの実行順序を示しています。赤色はページ スクリプトのジャンプ先のページを表し、青色はアンカー タグの href 属性を示します。上記からわかるように、FireFox の場合、常に最初にページ スクリプトが実行され、その後ブラウザがジャンプします。 IE での実行プロセスは異なります。

1. 戻るボタンを使用して a.htm に直接戻ります。つまり、ページは 1 つのジャンプのみを実行します。
2. アラートを使用して中断する場合、onmouseup が実行されます。ページスクリプト内でジャンプします。 上記からわかるように、
1. FireFox では、ページ スクリプトの実行順序がブラウザーに埋め込まれたスクリプトの実行順序よりも常に優先されます。 2. IE では、HREF の実行順序は onmouseup->href->onclick です。本当に?
2 の実行順序をより明確にするために、onclick と href の実行順序の関係を引き続き分析します。上記の例では、onclick を呼び出すことで実行されます。 a. 次のテスト コードを使用します:
Click Me!
Discover HREF を実行できません。
b. 次のテスト コードを使用する場合:
Click Me!
onclick の e.htm ではなく、HREF の d.htm がまだ 実行されていることがわかりました。

c. 次のテスト コードを使用する場合:

Click Me ! (関数 msg() のコードは上記の通り) は、 が関数 msg() を実行したことを検出しましたが、HREF がトリガーされませんでした。 めまいがする。 IE は確かに奇妙なものです。ケース b の現象を説明できるのは誰ですか?
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

src と href は何を意味しますか? src と href は何を意味しますか? Aug 16, 2023 pm 05:00 PM

src と href はそれぞれ、1. src は、source の略語で、外部リソースのパスを指定するために使用されます。通常、画像、オーディオ、ビデオなどの外部ファイルを埋め込むために使用されます。src 属性は通常、 img、script、iframe などのタグで使用されます。 ; 2. href は、ハイパーテキスト参照の略で、ハイパーリンクのターゲット リソースのパスを指定するために使用されます。通常、外部ドキュメントまたは他のページへのリンクに使用されます。 href 属性は通常、a や link などのタグで使用されます。

src属性とhref属性の機能や使い方の違いは何ですか? src属性とhref属性の機能や使い方の違いは何ですか? Dec 28, 2023 am 08:20 AM

src 属性と href 属性は HTML で一般的に使用される属性であり、外部リソースを読み込むために使用されます。目的は似ていますが、使用方法や目的にはいくつかの違いがあります。 src 属性: src 属性は、文書に埋め込む外部リソースを指定するために使用され、主に外部スクリプト ファイルやメディア ファイルを HTML 文書に導入するために使用されます。これは次の状況で使用できます。 外部 JavaScript ファイルを導入する: src 属性を通じて外部 JavaScript ファイルを HTML ページにリンクします。

href と src によって送信されるリクエストは何ですか? href と src によって送信されるリクエストは何ですか? Aug 17, 2023 pm 02:20 PM

href および src によって送信されたリクエストを取得します。詳細説明: 1. href 属性は、リンク先のリソースを指定するために使用されます。外部スタイルシートを参照する場合は、CSS ファイルを取得するために GET リクエストを送信します。ドキュメントを参照する場合は、CSS ファイルを取得するために GET リクエストを送信します。指定されたHTMLファイルを取得します 画像を参照する場合はGETリクエストを送信します 指定された画像ファイルを取得するには; 2. src属性は埋め込みリソースのURLを指定します 画像を参照する場合はGETリクエストを送信します指定された画像ファイルを取得するためのGETリクエスト、音声を参照する場合には、指定された音声ファイルなどを取得するためのGETリクエストを送信します。

src と href の違いに関する重要な詳細を学びましょう。 src と href の違いに関する重要な詳細を学びましょう。 Jan 06, 2024 am 09:11 AM

srcとhrefの違い、知っておくべき詳細! HTML ページを作成するとき、src と href という 2 つの属性に遭遇することがよくあります。どちらも、スクリプト ファイル、スタイル ファイル、画像などの外部リソースを参照するために使用されます。目的は似ていますが、具体的な使用方法や詳細にはいくつかの違いがあります。まず、src (source) 属性は主に、画像やスクリプトなどの外部リソースを埋め込むために使用されます。これは、リソースのアドレスを指定し、そのコンテンツを現在のドキュメントに埋め込むために使用されます。そして、href(

PHP関数のロード順序と実行順序の間にはどのような関係がありますか? PHP関数のロード順序と実行順序の間にはどのような関係がありますか? Apr 18, 2024 am 08:45 AM

PHP 関数のロード順序は、スクリプトで定義された関数、インクルードされたファイル、名前空間にインポートされた関数などの宣言順序によって決まります。実行順序は関数呼び出しの順序によって決まります。順番に実行されます。

src と href の違いは何ですか?早く調べてください! src と href の違いは何ですか?早く調べてください! Jan 06, 2024 pm 09:09 PM

src と href の違いは何ですか?早く調べてください! Web 開発のプロセスでは、src と href の 2 つの属性がよく使用されます。似ているように見えますが、実際には用途や適用可能なシナリオが異なります。この記事では、src と href の違いを詳しく掘り下げ、具体的なコード例を示して説明します。 HTML では、src は埋め込みまたは参照する外部リソースを指定するために使用される属性で、通常は画像、音声、ビデオ、またはスクリプト ファイルを参照するために使用されます。これとは異なり、href はハイパーリンクです

src 属性と href 属性とは何ですか?それらの違いは何ですか? src 属性と href 属性とは何ですか?それらの違いは何ですか? Dec 28, 2023 pm 03:18 PM

src 属性と href 属性とは何ですか?それらの違いは何ですか? HTML では、src 属性と href 属性は、外部リソースを参照するためによく使用される 2 つの属性です。これらは機能的には似ていますが、使用方法と参照されるリソースの種類にはいくつかの違いがあります。まず、src 属性を見てみましょう。 srcはsourceの略で、主に外部リソースの埋め込み・参照先のアドレスを指定するために使用されます。 <script>、<img> などの一部のタグに適用できます。

srcとhrefの違いは何ですか srcとhrefの違いは何ですか Oct 16, 2023 am 11:15 AM

src 属性と href 属性はどちらもリソースのアドレスを指定するために使用されますが、目的と使用シナリオは異なります。 1. src 属性は外部リソースのアドレスを指定するために使用され、href 属性は外部リソースのアドレスを指定するために使用されます。ハイパーリンクのターゲットアドレス; 2. src 属性が導入される これはメディア要素が使用されるときに使用され、href 属性は通常 <a> タグで使用されます; 3. src 属性はブラウザに指定されたリソースをロードし、これを現在のページに埋め込み、href 属性は、ユーザーが 、ドキュメント、またはその他のリソース URL をクリックした後に開かれる Web ページを定義します。

See all articles