动态添加 url 到链接答案

【问题标题】：Dynamically adding url to link动态添加 url 到链接
【发布时间】：2012-07-13 23:38:20
【问题描述】：

如何将网址“http://www.sportingpulse.com/mobile/”动态添加到这些链接的开头。我想在我们的网站 www.saintsbc.com 上显示这些篮球夹具链接，但不想每次都手动输入起始网址。我们的网站目前使用 php 和 javascript。所以两者都可以。

      <li><a href="mobile.cgi?a=CF&amp;aID=2307&amp;cID=223615"><div class="list-name">2012 Winter 18 Girls A</div></a></li>
      <li><a href="mobile.cgi?a=CF&amp;aID=2307&amp;cID=223609"><div class="list-name">2012 Winter 16 Boys CR</div></a></li>
      <li><a href="mobile.cgi?a=CF&amp;aID=2307&amp;cID=223712"><div class="list-name">2012 Winter 18 Girls AR</div></a></li>
      <li><a href="mobile.cgi?a=CF&amp;aID=2307&amp;cID=223698"><div class="list-name">2012 Winter 16 Boys D</div></a></li>
      <li><a href="mobile.cgi?a=CF&amp;aID=2307&amp;cID=223635"><div class="list-name">2012 Winter 18 Girls B</div></a></li>
      <li><a href="mobile.cgi?a=CF&amp;aID=2307&amp;cID=223648"><div class="list-name">2012 Winter 16 Boys DR</div></a></li>
      <li><a href="mobile.cgi?a=CF&amp;aID=2307&amp;cID=223583"><div class="list-name">2012 Winter 16 Boys E</div></a></li>
      <li><a href="mobile.cgi?a=CF&amp;aID=2307&amp;cID=223601"><div class="list-name">2012 Winter 23 Girls A</div></a></li>
      <li><a href="mobile.cgi?a=CF&amp;aID=2307&amp;cID=223608"><div class="list-name">2012 Winter 18 Boys A</div></a></li>
      <li><a href="mobile.cgi?a=CF&amp;aID=2307&amp;cID=223691"><div class="list-name">2012 Winter 23 Girls AR</div></a></li>
      <li><a href="mobile.cgi?a=CF&amp;aID=2307&amp;cID=223637"><div class="list-name">2012 Winter 18 Boys AR</div></a></li>
      <li><a href="mobile.cgi?a=CF&amp;aID=2307&amp;cID=223578"><div class="list-name">2012 Winter 18 Boys B</div></a></li>
      <li><a href="mobile.cgi?a=CF&amp;aID=2307&amp;cID=223711"><div class="list-name">2012 Winter 23 Girls B</div></a></li>
      <li><a href="mobile.cgi?a=CF&amp;aID=2307&amp;cID=223620"><div class="list-name">2012 Winter 18 Boys BR</div></a></li>
      <li><a href="mobile.cgi?a=CF&amp;aID=2307&amp;cID=223661"><div class="list-name">2012 Winter 18 Girls BR</div></a></li>
      <li><a href="mobile.cgi?a=CF&amp;aID=2307&amp;cID=223573"><div class="list-name">2012 Winter 18 Boys C</div></a></li>
      <li><a href="mobile.cgi?a=CF&amp;aID=2307&amp;cID=223639"><div class="list-name">2012 Winter 23 Girls BR</div></a></li>
      <li><a href="mobile.cgi?a=CF&amp;aID=2307&amp;cID=223679"><div class="list-name">2012 Winter 23 Girls C</div></a></li>
      <li><a href="mobile.cgi?a=CF&amp;aID=2307&amp;cID=223676"><div class="list-name">2012 Winter 20 Boys A</div></a></li>
      <li><a href="mobile.cgi?a=CF&amp;aID=2307&amp;cID=223579"><div class="list-name">2012 Winter 20 Boys AR</div></a></li>
      <li><a href="mobile.cgi?a=CF&amp;aID=2307&amp;cID=223686"><div class="list-name">2012 Winter 23 Boys A</div></a></li>
      <li><a href="mobile.cgi?a=CF&amp;aID=2307&amp;cID=223592"><div class="list-name">2012 Winter 20 Boys B</div></a></li>
      <li><a href="mobile.cgi?a=CF&amp;aID=2307&amp;cID=223704"><div class="list-name">2012 Winter 23 Boys AR</div></a></li>
      <li><a href="mobile.cgi?a=CF&amp;aID=2307&amp;cID=223662"><div class="list-name">2012 Winter 23 Boys B</div></a></li>
      <li><a href="mobile.cgi?a=CF&amp;aID=2307&amp;cID=223685"><div class="list-name">2012 Winter 23 Boys BR</div></a></li>

【问题讨论】：

标签： url hyperlink

【解决方案1】：

如果

或

<ul id="mylinks">
<li><a href="mobile.cgi?a=CF&amp;aID=2307&amp;cID=223615"><div class="list-name">2012 Winter 18 Girls A</div></a></li>
<li><a href="mobile.cgi?a=CF&amp;aID=2307&amp;cID=223609"><div class="list-name">2012 Winter 16 Boys CR</div></a></li>
<li><a href="mobile.cgi?a=CF&amp;aID=2307&amp;cID=223712"><div class="list-name">2012 Winter 18 Girls AR</div></a></li>
</ul>

<script type="text/javascript">
var ul = document.getElementById("mylinks");
var lis = ul.getElementsByTagName("li"); 
var preurl = "http://www.sportingpulse.com/mobile/";

for( var i = 0; i < lis.length; i++ ) 
{ 
    lis.item(i).childNodes[0].href = preurl + lis.item(i).childNodes[0].href;
}
</script>

【讨论】：

在链接前面添加http://www.sportingpulse.com/mobile/ 效果很好，但链接中也会出现http://saintsbc.com/。例如：http://www.sportingpulse.com/mobile/http://saintsbc.com/mobile/mobile.cgi?a=CF&aID=2307&cID=223615 有没有办法留下我的网址，所以它只是写着：http://www.sportingpulse.com/mobile/mobile.cgi?a=CF&aID=2307&cID=223615Thanks Wayne

【解决方案2】：

解决了...即使上面的链接没有指定我的 url 主机，默认情况下它们必须自动添加。所以我修改了代码以使用“替换”将我的 url 主机更改为外部主机。再次感谢大卫。

<script type="text/javascript">
  var ul = document.getElementById("mylinks");
  var lis = ul.getElementsByTagName("li");
  var MYurl = "http://" + window.location.host + "/mobile/";
  var NEWurl = "http://www.sportingpulse.com/mobile/";
  for(var i = 0; i < lis.length; i++)
  {
    lis.item(i).childNodes[0].href = lis.item(i).childNodes[0].href.replace(MYurl, NEWurl);
  }
</script>

【讨论】：