Heim > Web-Frontend > js-Tutorial > Wie kann das Neuladen von Seiten verhindert werden, wenn das href-Attribut des Anker-Tags mit JavaScript geändert wird?

Wie kann das Neuladen von Seiten verhindert werden, wenn das href-Attribut des Anker-Tags mit JavaScript geändert wird?

Patricia Arquette
Freigeben: 2024-10-27 08:22:02
Original
395 Leute haben es durchsucht

How to Prevent Page Reloads When Changing Anchor Tag href Attribute with JavaScript?

Ändern des href-Attributs eines Ankertags mithilfe von JavaScript beim Klicken auf eine Schaltfläche

In der Webentwicklung besteht die Notwendigkeit, das href-Attribut von dynamisch zu ändern ein Anker Tag-on-Button-Klick tritt häufig auf. So können Sie dies mit JavaScript erreichen.

Im bereitgestellten Code-Snippet ändert die Funktion f1() das href-Attribut eines Elements mit der ID „abc“ in „xyz.php“. Der bereitgestellte Code funktioniert jedoch nicht wie erwartet.

Standardmäßig löst das Klicken auf ein Anker-Tag einen Neuladen der Seite aus. Um dies zu verhindern, müssen Sie dem Anker-Tag ein leeres href-Attribut hinzufügen, wie zum Beispiel:

<code class="html"><a href="//m.sbmmt.com/link/93ac0c50dd620dc7b88e5fe05c70e15b" onclick="f1()">...jhhghj</a></code>
Nach dem Login kopieren

Alternativ können Sie das Scrollen der Seite verhindern, indem Sie Folgendes verwenden:

<code class="html"><a href="//m.sbmmt.com/link/93ac0c50dd620dc7b88e5fe05c70e15b" onclick="f1(); return false;">...jhhghj</a></code>
Nach dem Login kopieren

oder von der f1()-Funktion „false“ zurückgeben:

<code class="javascript">function f1() {
    document.getElementById("abc").href = "xyz.php";          
    return false;
}</code>
Nach dem Login kopieren

...jhhghj

For a more unobtrusive approach, employ an external JavaScript file:
Nach dem Login kopieren

...jhg
...jhhghj

<script></p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">document.getElementById(&quot;myLink&quot;).onclick = function() { document.getElementById(&quot;abc&quot;).href = &quot;xyz.php&quot;; return false; };</pre><div class="contentsignin">Nach dem Login kopieren</div></div> <p></script>

Das obige ist der detaillierte Inhalt vonWie kann das Neuladen von Seiten verhindert werden, wenn das href-Attribut des Anker-Tags mit JavaScript geändert wird?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage