【URLで自動振り分け】ドメイン名から自動的に表示内容を変更したり、リンク先を変える方法(javascript/HTML)


自宅Webサーバなどを立ち上げている場合、DynamicDNSなどを使い、同一のサーバで複数のドメインを使い分けたいことがあります。

例えば、 101.102.103.104 のIPアドレスで提供しているWebサーバに対して、

https://aaa.server1.net と https://bbb.server2.net という2つのドメインを割り当てている場合、

 

https://aaa.server1.net でアクセスしてきたユーザには、 「AAA」ホームページはこちら と表示、

https://bbb.server2.net でアクセスしてきたユーザには、 「BBB」ホームページはこちら と表示するJavascriptです。

 

そうすることで、同じサーバでもアクセスしてきたドメインに応じて、異なるサービスを提供することができます。

 

※IEのみボタンが動作します


入力されたURLを判断してそれに応じたページを表示するHTML/Javascript

https://aaa.server1.net のURLを入力された場合は、「「AAA」ホームページはこちら」と表示してリンクをクリックすると

https://aaa.server1.net/aaa/index.html に移動します。

https://bbb.server2.net のURLを入力された場合は、「「BBB」ホームページはこちら」と表示してリンクをクリックすると

https://bbb.server2.net/bbb/index.html に移動します。

上記2つに該当しないURLでアクセスした場合は、「目的のページが表示されない場合は、指定されたアドレスをすべて入力してください」と表示します。

これにより、同じWebサーバでも、異なるポータル画面を表示することができるようになります。

index.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta http-equiv="Content-Language" content="ja">
<script type="text/javascript" src="script.js"></script>

<title>ホームページ</title>
</head>
<body>

<SCRIPT> auto_change(); </SCRIPT>
</html>

 

script.js
// ユーザが入力したURLに応じて自動的に表示
function auto_change()
{
    var host_name = window.location.hostname ;

    if (host_name == "aaa.server1.net" )
    {
        document.write ('<hr noshade color="#0066FF">');
        document.write ('<p>■「AAAホームページ」</p>');
       
document.write ('<p><a href="aaa/index.html">「AAA」ホームページはこちら</a></p><br>');
        document.write ('<hr noshade color="#0066FF"><br>');
        return;
     }
    if (host_name == "bbb.server2.net" )
    {
        document.write ('<hr noshade color="#0066FF">');
        document.write ('<p>■「BBBホームページ」</p>');
        document.write ('<p><a href="bbb/index.html">「BBB」ホームページはこちら</a></p><br>');
        document.write ('<hr noshade color="#0066FF"><br>');
        return;
     }
    // どれも該当しない場合
    document.write ('<hr noshade color="#0066FF">');
    document.write ('<p>目的のページが表示されない場合は、指定されたアドレスをすべて入力してください</p>');
    document.write ('<hr noshade color="#0066FF">');
}

 

その他の類似したページはこちらです。

パソコンテクニック

Windows10/Windows7 トラブル対処 

Windows10トラブル Windows7/WindowsXP トラブル Javascript/HTML関係

バッチファイル関係

google Adsense広告関係

動画対応・スマホ対応ホームページを作る際の便利情報

 


 

★その他のテクニックは、以下のパソコン・スマホテクニックサイト( https://dsstation.sakura.ne.jp/PC/ )ありますので、適宜参照してください。


※ここから先は広告です。もし、ご興味があればご参照してください。

<高速バス> 最近、人気が高いのは高いのは、WILLER社が運営している高速バスです。2列で個室のような「コクーンシート」という座席がある、最先端の高速バスが予約できます。その他、さまざまな高速バスから選んで予約できるサイト(楽天トラベルのバス予約) では、多くの時間帯や乗車駅・下車駅が選べて、価格も安いので、おすすめです。

WILLER TRAVEL

<日本旅行のセットプラン> JRと関係が深い日本旅行なので、新幹線とホテルという珍しいセットプランがあります。ホテルと交通を個別に予約するよりも万円単位でお得になる場合もあるとのことです。人気なので予約ですぐに一杯になることも多いので、一度チェックしてみると良いと思います。

海外からの観光客が急激に増加してるため、全国的にホテルの予約が取りにくい状態になっています。良い条件のホテルがあれば、とりあえず予約しておくことをお勧めします。(有名3社のホテル予約サイトです ⇒ 日本旅行 楽天・交通セット じゃらんパック

<高速バスで東京ディズニーランド> 高速バスで価格を抑えつつも、ホテル付きでゆったりすごせるプランが結構人気です。これも一度チェックしてみる価値ありです・・・

高速・夜行バスで東京ディズニーランドへ