url - 动态添加 url 到链接

Question

如何将 url '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>

Answer 1

解决了...即使上面的链接没有指定我的 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>

Answer 2

如果 <ul> 或 <ol> 有一个 id 可能用 javascript 做这样的事情

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