[解決済み] location.host vs location.hostnameとクロスブラウザの互換性?
2022-03-21 02:59:55
質問
ユーザーエージェントが正しいドメイン経由でアクセスしているかどうかをチェックするのに、最も効果的なのはどれでしょうか。
ある種のウェブプロキシを使ってドメインにアクセスしている場合、小さなjsベースの「トップバー」スタイルの警告を表示したい(jsが壊れる傾向があるため)。
以下のような使い方を考えていました。
var r = /.*domain\.com$/;
if (r.test(location.hostname)) {
// showMessage ...
}
これで、今まで使っていたサブドメインはすべて片付きますね。
ホストとホストネームのどちらを使うべきでしょうか?
Firefox 5とChrome 12の場合。
console.log(location.host);
console.log(location.hostname);
...は、どちらも同じものを表示します。
それは、アドレスバーに実際にポートが表示されていないからでしょうか?
W3Schools は、ホストがポートを含んでいることを意味します。
それとも、IE6+やその他すべての環境で、確実に存在するのでしょうか?
解決方法は?
ちょっとしたメモとして インタラクティブリンクの解剖学
--
要するに(場所を想定して
http://example.org:8888/foo/bar#bang
):
-
hostname
は、あなたにexample.org
-
host
が与えるexample.org:8888
関連
-
vueディレクティブv-bindの使用と注意点
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] let "と "var "の使い分けは?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] callとapplyの違いは何ですか?
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み] URLを新しいタブで開く(新しいウィンドウではない)
-
[解決済み] JSONPとは何か、なぜ作られたのか?
-
[解決済み] 画面サイズ、現在のウェブページ、ブラウザウィンドウのサイズを取得する
-
[解決済み] チェックボックスとそのラベルをクロスブラウザーで一貫して揃える方法
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
Vueがechartsのtooltipにクリックイベントを追加するケーススタディ
-
元のイベントが実行されなかった後に要素を追加するためのjQueryソリューション
-
JavaScriptの配列共通メソッド解説
-
Vueの「データを聴く」原則を解説
-
[解決済み】Node Version Manager のインストール - nvm コマンドが見つかりません。
-
[解決済み】awaitは非同期関数でのみ有効です。
-
[解決済み】ExpressJS - throw er Unhandled errorイベント
-
[解決済み】TypeScript-のAngular Frameworkエラー - "exportAsがngFormに設定されたディレクティブはありません"
-
JavaScriptのgetElementById、getElementsByTagNam、getElementsByClassNameの違いと使い方
-
[解決済み] JavaScriptでURLのホスト名部分を抽出する方法