Javascript 在上动态添加href

我有一个注销链接

  <div id="titleInfo">
      <div id="signOut">
          <a href="" class="signOutLink"  >Log Out</a>
      </div>
  </div>

但它不起作用。我们如何纠正它？

试试这个

$(document).ready(function () {

$('.signOutLink').click(function () {
    window.location = 'LogOut.aspx';
});

);

试试这个

$(document).ready(function () {

$('.signOutLink').click(function () {
    window.location = 'LogOut.aspx';
});

);

$document.readyfunction{

$('.signOutLink').attr('href', 'LogOut.aspx') 

})

$document.readyfunction{

$('.signOutLink').attr('href', 'LogOut.aspx') 

})

请参阅，或者您可以使用element.setAttribute请参阅

请参阅，或者您可以使用element.setAttribute请参阅

---

我要求实现此代码的最终目标的原因如下：

如果您只想在单击链接时转到某个位置，并且希望动态分配url，则无需在单击事件中执行此操作。只需在.ready事件中设置属性即可

$'a.signOutLink'.prop'href'，'LogOut.aspx'；//或者使用.attr方法

---

这样，一旦你点击链接，它就会跟随在href中设置的url。我要求这段代码的最终目标的原因是：

如果您只想在单击链接时转到某个位置，并且希望动态分配url，则无需在单击事件中执行此操作。只需在.ready事件中设置属性即可

$'a.signOutLink'.prop'href'，'LogOut.aspx'；//或者使用.attr方法

---

这样，一旦你点击链接，它就会跟随在href

中设置的url，谢谢大家。我使用了以下方法：

$('.signOutLink').click(function () {
    window.location.href("LogOut.aspx?a=b"); //Can use REPLACE also
    return false;  //FALSE

});

---

谢谢大家。我使用了以下方法：

$('.signOutLink').click(function () {
    window.location.href("LogOut.aspx?a=b"); //Can use REPLACE also
    return false;  //FALSE

});

---

返回false；在重定向语句之后，此操作的目的是什么？如果在单击事件中添加href属性，则不会转到注销页面。如果你最后添加了一个返回false，它将永远不会出现。如果您没有添加return false，它将在第二次单击时转到那里@Abhilash问题是使用window.location.href，它不会更改链接的href。我也不确定，但我一直使用window.location.href=url；。指向完整url的url返回false；在重定向语句之后，此操作的目的是什么？如果在单击事件中添加href属性，则不会转到注销页面。如果你最后添加了一个返回false，它将永远不会出现。如果您没有添加return false，它将在第二次单击时转到那里@Abhilash问题是使用window.location.href，它不会更改链接的href。我也不确定，但我一直使用window.location.href=url；。指向完整url的url此不起作用…您使用的Id操作数有类此不起作用…您使用的Id操作数有类而不是使用document.getElementById'Id'您可以使用jQuery的Id选择器，如$'Id'和而不是.setAttribute，OP可以使用.prop或.attr:-而不是使用document.getElementById'id'，您可以使用jQuery的id选择器，如$'id'，而不是.setAttribute，OP可以使用.prop或.attr：-

$('.signOutLink').click(function () {
    window.location.href("LogOut.aspx?a=b"); //Can use REPLACE also
    return false;  //FALSE

});