[解決済み】srcのない画像を含めるための有効な方法は?
質問
私は、後で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でテストされましたが、どのブラウザでも動作すると思われます。
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] このCSSでInline-blockが正しく動作しないのはなぜですか?
-
[解決済み] フォームの中にフォームがある、でいいのかな?[重複]
-
[解決済み] divが重ならないようにするには?
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] 文字列が有効な数値であるかどうかを確認するにはどうすればよいですか?
-
[解決済み] How do I style a <select> dropdown with only CSS?
-
[解決済み] 有効なメールアドレスの最大長を教えてください。
-
[解決済み] 壊れた画像を置き換えるjQuery/JavaScript
-
[解決済み】imgタグのsrcをプログラムで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】JQuery: 'Uncaught TypeError: ajaxリクエストで「Illegal invocation」が発生する - 複数の要素
-
[解決済み】ローカルの実行ファイルへのハイパーリンクを作成する方法は?
-
[解決済み] text-overflow: 省略記号が機能しない
-
[解決済み] 背景画像を前後にパンするCSS【非公開
-
[解決済み] (X)HTMLにおける "PRE "タグの用途は何ですか?
-
[解決済み] 送信ボタンが機能しない
-
[解決済み] Favicon.icoを表示させることができません。
-
[解決済み] margin-block-startとmargin-topの違いは何ですか?
-
[解決済み] Bootstrap 4 の mr-auto が正しく動作しない。
-
[解決済み] CSSでimgタグのsrc属性に相当するものを設定することは可能でしょうか?