Heim > Artikel > Web-Frontend > So springen Sie mit jquery zur Seite
So springen Sie mit jquery zur Seite
- 藏色散人Original
- 2021-01-29 16:36:5921818Durchsuche
So springen Sie mit jquery zu einer Seite: Fügen Sie zuerst die jquery-Datei in die Seite ein. Erstellen Sie dann eine Schaltfläche, um den Sprung auszulösen. Fügen Sie dann ein Klickereignis für die Sprungschaltfläche hinzu und rufen Sie das Attribut auf Weisen Sie einfach das href-Attribut der neuen URL-Adresse zu.
Betriebsumgebung: Acer S40-51, Windows 10 Home chinesische Version, jquery1.8.3&&HBuilder Führen Sie zunächst die Skriptbibliotheksdatei in die Seite ein.
Erstellen Sie dann einen HTML-Beispieldateitest und eine Schaltfläche zum Auslösen des Sprungs. Beachten Sie, dass die aktuelle Seite „Seite A“ heißt. Schreiben Sie dann eine JS-Skriptlogik, um ein Klickereignis für die Sprungschaltfläche hinzuzufügen. Wir wissen, dass wir in nativem js das Standortattribut im Fensterobjekt verwenden, um Sprünge zu verarbeiten Weisen Sie den Attributwert der neuen URL-Adresse zu.Vollständigen Code testen:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
</head>
<body>
<h3>这是页面A</h3>
<div>
<input class="btn btn-primary" type="button" value="跳转">
</div>
<script>
$(document).ready(function () {
$(".btn").click(function () {
$(location).attr("href","testb.html")
})
})
</script>
</body>
</html>Führen Sie die Seite aus und klicken Sie oben auf die Schaltfläche „Springen“. (Beachten Sie, dass Sie sich jetzt auf Seite A befinden) Wissen, besuchen Sie bitte: Programmierunterricht
! !
Das obige ist der detaillierte Inhalt vonSo springen Sie mit jquery zur Seite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!