Question

如何动态地将网址“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

如果＆lt; ul＆gt;或者＆lt; ol＆gt;有一个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>

Answer 2

完成了...虽然上面的链接没有指定我的网址主机，但默认情况下它们必须自动添加。所以我调整了代码，使用'replace'将我的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>

动态添加URL到链接

2 个答案: