动态制作链接

时间:2017-02-05 04:44:37

标签: html ajax

我有一个HTML页面。在此页面中,有一个Ajax连接到服务器并收到必要的信息以建立链接。使用这些信息,它创建了一个" a"标记具有适当的href属性,并将此标记附加到页面的现有元素。链接的文本显示但不可点击。 (鼠标不会改变)。但是当我将页面保存在我的磁盘上并重新打开它时,链接就可以了。问题是什么? 该脚本如下:

$(document).ready(loadDoc());
    function loadDoc(){
          var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      makeNavigation(this);
    }
  };
  xhttp.open("GET", "/Head/Explore/ErebosPlain", true);
  xhttp.send();
    }   
    function makeNavigation(xml){
    var i = 0;
    parser = new DOMParser();
    xmlDoc = parser.parseFromString(xml.responseText,"text/xml");   
    categs = xmlDoc.getElementsByTagName("Category");
    for (i=1; i < categs.length ; i++) {

    a = xmlDoc.createElement("a");
    a.setAttribute("href","?currentnode=" + categs[i].getAttribute("id"));
    p = document.createTextNode(categs[i].getAttribute("preferredName"));
    a.appendChild(p);
    el = document.getElementById("mainnav");
    li = document.createElement("li");
    li.appendChild(a)
    el.appendChild(li);
          }
        }

受影响的Html部分:

  <nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#"><xsl:value-of select="./Division/@preferredName"></xsl:value-of></a>
    </div>
      <ul class="nav navbar-nav" id="mainnav">
    </ul>
    </div>
    </nav>

1 个答案:

答案 0 :(得分:0)

确保您将网址放在

<a href='[url text goes here]'>[clickable text here]</a>

如果语法正确

,则没有多少理由不起作用