如何在html <a>標記中</a>設置href

Question

我的PC上運行了兩台服務器。 server1和server2 ....

在server1中有一個html頁面。（例如a.html）
在server2中有另一個html頁面。（ex b.html）
Server1正在端口80上運行
Server2在端口8080上運行

在server1的a.html中有一個標記。 現在我想通過上面的鏈接從server2訪問b.html，這就是我寫的原因

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

如果我訪問a.html並單擊該鏈接在我的計算機中正常運行，並且兩台服務器都在運行，那么它的工作效果非常好。

......我想從手機中的server1訪問a.html。 我的電腦和手機都在同一個wifi網絡中。

為了解決這個問題，我打開手機瀏覽器並給了我的電腦ip ex。 192.168.0.1/a.html

它工作正常。 但正如我在上面所說，該頁面中有一個鏈接（如上所述）。 當我點擊該鏈接時，它給出了錯誤

此站點無法訪問localhost拒絕連接

....我知道問題在哪里。 問題出在鏈接中，因為我明確寫了localhost：8080 。 這是問題所在。 我應該把我的電腦私有而不是localhost，然后我知道它會工作。 但是如何通過javascript獲取我的私有IP來通過javascript動態修改鏈接。

幫我解決這個問題。

Answer 1

您的手機基本上是重定向到自己。

您的<a>標記應如下所示：

在192.168.0.1/a.html

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

或者如果您不想弄亂HTML，那么這也是可能的

在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>

Answer 2

兩台服務器都在您的電腦上運行。 因此，要訪問除自有PC之外的兩台服務器，您需要提供私有IP。 這樣您就可以訪問兩台服務器。

現在，您首先要訪問服務器1的a.html，其中有一個指向server.html的b.html的鏈接。

不要顯式寫localhost 。 並且您想要動態更改鏈接的href。 在步驟下面。

將<a id="link" href="#"></a> of server1的鏈接更改為<a id="link" href="#"></a>
您必須動態更改鏈接。 所以要改變鏈接我正在使用JQuery window.onload（）方法。 將此腳本添加到您的代碼中

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

因為您的server2在端口8080上運行並且有一個名為b.html的文件
現在你不用擔心。 它可以在你的電腦和同一網絡中的另一台電腦或手機上工作。

如何在html <a>標記中</a>設置href

問題描述

2 個解決方案

解決方案1
1 2016-05-27 14:42:49

解決方案2
1 2016-05-28 10:24:30

如何在html <a>標記中</a>設置href

問題描述

2 個解決方案

解決方案1 1 2016-05-27 14:42:49

解決方案2 1 2016-05-28 10:24:30

解決方案1
1 2016-05-27 14:42:49

解決方案2
1 2016-05-28 10:24:30