img タグの src 属性値が空の場合の 2 つのリクエストの問題 (IE 以外のブラウザ)
|
img src 値が空の場合、リクエストが 2 つ行われます。一部の学生は以前に同様の状況に遭遇したことがあるかもしれません。<img src=''> のようなタグがある場合、ページに対して追加のリクエストが行われます。 記事を分析した結果、埋め込みやリンクなど、外部ファイルを積極的に導入するタグはすべてこの問題を抱えているのではないかと思います。 そこで実験により検証しました。 以下は予備的な結論です。
注記： 1. IE と Firefox の 2 つのリクエストでは、リクエストされるページが異なります。 IE: リクエストは、img タグなどのアクセスされたファイルが配置されているディレクトリに対するもので、2 番目のリクエストは http://www.xxxx.cn/test/ です。 FF、Safari、Chrome: 要求されたファイルはアクセスされているファイルです 2. 埋め込みタグの場合、上記の説明は type が空でない場合です。type が空の場合、FF は 1 を要求し、IE は type の値に応じて異なる応答をします。 3. 上記のタグに src="" が含まれていない場合、二次リクエストは発生しません。 |
<<: この記事では、Viteがブラウザのリクエストに対して何を行うかを説明します。
>>: docker-compose で Jenkins をインストールする際の実践的なメモ
推薦する
Tudou.com フロントエンドの概要
1. 分業とプロセス<br />Tudou.comでは、プロジェクト開発が中核であり、誰...
dl、dt、dd はいつ使用するのが適切ですか?
dl：定義一覧定義リストdt：定義タイトルタイトルを定義するdd：定義説明定義の説明dt は情報のタ...
WeChatアプレットが計算機機能を実装
この記事では、WeChatアプレットの計算機機能を実装するための具体的なコードを参考までに紹介します...
nginx と Tencent Cloud の無料証明書を使用して https を作成する方法
httpsを取得する方法を勉強しています。最近、Tencent Cloud が提供する無料の SSL...
JavaScript オブジェクト指向の実践の詳細説明: カプセル化とオブジェクトのドラッグ
目次概要1. DOM要素をアニメーション化する方法2. 現在のブラウザでサポートされている変換互換の...
ナビゲーションバーのドロップダウンメニューのサンプルコードを実装するためのHTML+CSS
効果コード内の画像は自分で変更できますドロップダウンメニューのHTMLコード <ヘッダークラ...
JSは検証コードのランダム生成を実装します
この記事の例では、検証コードのランダム生成を実現するためのJSの具体的なコードを参考までに共有してい...
Docker は 2003 年の問題を解決するために MySQL リモート接続を導入しました
MySQLへの接続ここでは、リモート接続に navicat を使用します。MySQL に接続する前に...
体験をデザインする: ボタンには何があるか
<br />最近、UCDChina は「インターフェース上のテキストに注意を払う」という...
MySQL スロークエリ: スロークエリを有効にする
1. スロークエリの用途は何ですか? long_query_time を超えて実行されるすべての S...
デザイナーと開発者に役立つ 9 つの超実用的な CSS のヒント
Web デザイナーの頭の中には、仕事に関連する多くの知識が詰まっている必要があります。 CSS は、...
JavaScript関数の詳細な説明これを指す問題
目次1.関数内のこの方向1. 通常の機能2. コンストラクター3. オブジェクトメソッド4. イベン...
docker を使用して influxdb と mongo をデプロイするための一般的なコマンド
Docker ベースのデータベースをデプロイするsudo docker pull influxdb ...
Nginx Webサーバーのサンプルコードの設定方法の詳細な説明
概要今日は主に、NGINX を Web サーバーとして設定する方法を共有します。内容は次のとおりです...
JS を使用して要素が配列であるかどうかを判断する例
検証できるデータの種類は次のとおりです a = [1,2,3,4,5,6]とします。 b = [とし...