So ändern href <a> - tag auf button-Klick durch javascript

So ändern Sie die href - Attribut Wert eines <a/> - tag per Javascript auf button klicken ?

<script type="text/javascript">
  function f1()
  {
    document.getElementById("abc").href="xyz.php"; 
  }
</script>

<a href="" id="abc">jhg</a>
<a href="" id="" onclick="f1()">jhhghj</a>

InformationsquelleAutor der Frage Chauhan | 2010-12-06

  1. 125

    Ohne href klicken, wird die aktuelle Seite neu laden, so müssen Sie etwas wie dieses:

    <a href="#" onclick="f1()">jhhghj</a>

    Oder zu verhindern, dass die schriftrolle wie diese:

    <a href="#" onclick="f1(); return false;">jhhghj</a>

    Oder return false in Ihrem f1 Funktion und:

    <a href="#" onclick="return f1();">jhhghj</a>

    ....oder, die unaufdringliche Art und Weise:

    <a href="#" id="abc">jhg</a>
<a href="#" id="myLink">jhhghj</a>

<script type="text/javascript">
  document.getElementById("myLink").onclick = function() {
    document.getElementById("abc").href="xyz.php"; 
    return false;
  };
</script>

    InformationsquelleAutor der Antwort Nick Craver

  2. 22

    Genau das, was Nick Carver hat es, aber ich denke, es wäre am besten, wenn verwendet die DOM-Methode setAttribute.

    <script type="text/javascript">
   document.getElementById("myLink").onclick = function() {
   var link = document.getElementById("abc");
   link.setAttribute("href", "xyz.php");
   return false;
   }
</script>

    Es ist eine zusätzliche Zeile code, finde es aber besser-Struktur-Weise.

    InformationsquelleAutor der Antwort jakobhans

  3. 5

    entfernen href Attribut:

    <a id="" onclick="f1()">jhhghj</a>

    wenn link-Stile sind wichtig dann:

    <a href="javascript:void(f1())">jhhghj</a>

    InformationsquelleAutor der Antwort atlavis

  4. 0

    Haben einen link dynamisch zu ändern, klicken Sie:

    <input type="text" id="emailOfBookCustomer" style="direction:RTL;"></input>
        <a 
         onclick="this.href='<%= request.getContextPath() %>/Jahanpay/forwardTo.jsp?handle=<%= handle %>&Email=' + document.getElementById('emailOfBookCustomer').value;" href=''>
    A dynamic link 
            </a>

    InformationsquelleAutor der Antwort Mohsen Abasi

  5. 0
    <a href="#" id="a" onclick="ChangeHref()">1.Change 2.Go</a>

<script>
function ChangeHref(){
document.getElementById("a").setAttribute("onclick", "location.href='http://religiasatanista.ro'");
}
</script>

    InformationsquelleAutor der Antwort user3325593

  6. -1

    Ich weiß, das ist etwas alt der post. Noch, es könnte helfen, einige.

    Statt tag,wenn möglich, können Sie diese als gut.

     <script type="text/javascript">
        function IsItWorking() {
          //Do your stuff here ...
            alert("YES, It Works...!!!");
        }
    </script>   

    `<asp:HyperLinkID="Link1"NavigateUrl="javascript:IsItWorking();"`            `runat="server">IsItWorking?</asp:HyperLink>`

    Alle Kommentare zu dieser?

    InformationsquelleAutor der Antwort 4u.Ans

Schreibe einen Kommentar