Heim tägliche Programmierung HTML-Kenntnisse So erhalten Sie die aktuelle Seiten-URL mit jQuery

So erhalten Sie die aktuelle Seiten-URL mit jQuery

Dec 18, 2018 pm 01:56 PM


jQuery ruft die aktuelle Seiten-URL ab, wir können dies über die Syntax $(location).attr("href") tun.

So erhalten Sie die aktuelle Seiten-URL mit jQuery

Im Folgenden stellen wir die Implementierungsmethode von jQuery zum Abrufen der aktuellen Seiten-URL anhand eines einfachen Codebeispiels vor.

Das Codebeispiel lautet wie folgt:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jquery获取当前页面url示例</title>
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script type="text/javascript">
 $(function(){
            $("button").click(function(){
                var pageURL = $(location).attr("href");
 alert(pageURL);
 });
 });
 </script>
</head>
<body>
<button type="button">获取当前地址</button>
</body>
</html>
Nach dem Login kopieren

Im obigen Code wird zunächst eine Schaltfläche definiert. Wenn auf die Schaltfläche geklickt wird, wird das Klickereignis ausgelöst. location).attr("href") Methode, um die vollständige URL-Adresse der aktuellen Seite abzurufen. Die Methode

attr() kann den Attributwert des ausgewählten Elements festlegen oder zurückgeben, hier ist das set href-Attribut. Schließlich werden die erhaltenen Standortinformationen per Benachrichtigung an der Rezeption angezeigt, bei der es sich um die URL-Adresse der aktuellen Seite handelt.

Das Ergebnis des Abrufens der URL lautet dann wie folgt:

So erhalten Sie die aktuelle Seiten-URL mit jQuery

In diesem Artikel geht es um die Methode von jQuery zum Abrufen der aktuellen Seiten-URL. Sie ist auch sehr einfach . Ich hoffe, es wird Freunden in Not helfen!


Das obige ist der detaillierte Inhalt vonSo erhalten Sie die aktuelle Seiten-URL mit jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)