1. ホーム
  2. ハイパーリンク

[解決済み】srcのない画像を含めるための有効な方法は?

2022-04-20 14:36:12

質問

私は、後でjavascriptで動的にsrcを入力する画像を持っていますが、私は簡単にするために、画像タグは、ページロード時に存在するが、ちょうど何も表示しないようにしたいです。私は知っている <img src='' /> は無効なので、どうすればいいのでしょうか?

どのように解決するのですか?

画像のソースを省略する有効な方法はありませんが、以下の方法があります。 のソースは、サーバーヒットを引き起こさないようにします。 最近、同じような問題が iframe と判断し //:0 がベストな選択であると。 いや、本当に!?

で始まる // (プロトコルを省略)すると、現在のページのプロトコルが使用され、HTTPSページで"insecure content"の警告が出るのを防ぐことができます。 ホスト名を省略する必要はありませんが、短くすることができます。 最後に、ポートが :0 は、サーバーへのリクエストができないことを保証します(仕様によると、これは有効なポートではありません)。

このURLは、どのブラウザでもサーバーヒットやエラーメッセージが発生しない唯一のURLであることがわかりました。 通常の選択である javascript:void(0) - は、HTTPSで提供されるページで使用すると、IE7で "insecure content" の警告を発生させます。 それ以外のポートでは、無効なアドレスであってもサーバー接続が試みられました。 (ブラウザによっては、単に無効なリクエストを行い、タイムアウトするのを待つものもあります)。

これは、Chrome、Safari 5、FF 3.6、IE 6/7/8でテストされましたが、どのブラウザでも動作すると思われます。