htmlでのhrefの設定方法<a>タグ

私のPCで2台のサーバを稼働させてみましょう。 SERVER1でとSERVER2 ....htmlでのhrefの設定方法<a>タグ

SERVER1 HTMLページが存在する。（例。a.html）

サーバ2において別のHTMLページがある。（EXのb.html）

サーバ1は、サーバ2は、タグがあるSERVER1のa.htmlでポート8080

上で実行されているポート80

上で実行されています。今、私は私がa.htmlにアクセスし、両方のサーバーがどこにあるか私のコンピュータで正常に動作しているリンクをクリックした場合、私は

<a href="localhost:8080/b.html">

を書かれている理由それは本当によく働いています上記のリンクでSERVER2からb.htmlにアクセスしたいですランニング。

......私は電話機のserver1からa.htmlにアクセスしたいと思います。私のPCと電話はどちらも同じWi-Fiネットワークにあります。

私はこの問題を解決するために、私の電話ブラウザを開いて、私のPCのIPをex。 192.168.0.1/a.html

それは正常に動作しています。しかし、私が上で言ったように、そのページにリンクがあります（上記の例）。私はそれがこのサイトはローカルホストが

を接続することを拒否達することができないエラーに

を与えてそのリンクをクリックすると ....私は、問題がどこにあるか知っています。 localhost：8080を明示的に書いているので、問題がリンクにあります。ここに問題があります。 localhostの代わりに自分のPCをプライベートにする必要があります。しかし、どのようにjavascriptで動的にリンクを変更するためにJavaScriptで私のプライベートIPを取得する。

この問題を解決するのに手伝ってください。

出典

2016-05-27 Scott Hunter

hrefを相対にして、ポート/ホストを省略します。 '' - この方法では、リンクは現在のURLのホストとポート番号を "継承"する必要があります。 – evolutionxbox

@evolutionxboxしかし、彼は別のポート番号を望んでいるので、リンクは他のサーバに行きます – RiggsFolly

その場合、リンクは「 ' IPアドレスを使用しなくなります。 localhostは使用できません。 – evolutionxbox

お使いの携帯電話は基本的に自分自身にリダイレクトされています。

あなた<a>タグは次のようになります。

<a href="192.168.0.1:8080/b.html">

192.168.0.1/a.htmlにするか、このこともでき、その後、あなたのHTMLをアップ濁っしたくない場合は

in 192.168.0.1 /a.html

<HTML5> 
    <head> 
     <base href="192.168.0.1:8080/"> 
    </head> 
    <body> 
     <a href="b.html">b.html on server #2</a> 
     <br> 
     <a href="192.168.0.1/c.html">c.html on server #1</a> 
    </body> 
</html>

出典

2016-05-27 14:42:49 MonkeyZeus

'static.ip.server.2'とは何ですか？静的サーバー（静的）によって出力されていますか？ – evolutionxbox

面白いですが、これはすべての 'href'リンクがこのページのサーバー2に行くという意味ではありません。それは必要なものではないかもしれません。 – RiggsFolly

@evolutionxbox私は自分の答えを更新しました。 – MonkeyZeus

両方のサーバーがお使いのPCで動作しています。したがって、自分のPC以外の両方のサーバーにアクセスするには、プライベートIPを提供する必要があります。これにより、両方のサーバーにアクセスできます。

ここで、最初にserver1のa.htmlにアクセスします。ここで、server2のb.htmlへのリンクがあります。

ローカルホストを明示的に記述しないでください。リンクのhrefを動的に変更したいとします。ステップの下に表示されます。

<a id="link" href="#"></a>

にSERVER1のa.htmlのあなたのリンクを変更し
。だから、私はJQueryのwindow.onload（）メソッドを使用してリンクを変更する。あなたのコード

<script> 
 
    window.onload=function() 
 
{ 
 
    //Modify the link href 
 
\t var ip=location.host; 
 
\t $("a#link").attr("href", "http://"+ip+":8080/b.html"); 
 
} 
 
</script>

にこのスクリプトを追加するには、サーバー2は、ポート8080で実行されていると
b.htmlという名前のファイルを持っているされているので今あなたが心配する必要はありません。それはあなたのPCと同じネットワーク内の別のPCまたは電話の両方で動作します。

出典

2016-05-28 10:24:30

ありがとう！それは今働いている... –

htmlでのhrefの設定方法<a>タグ

答えて

関連する問題