Heim > Web-Frontend > js-Tutorial > So verwenden Sie das Standortobjekt in JavaScript

So verwenden Sie das Standortobjekt in JavaScript

不言
Freigeben: 2021-04-22 17:47:21
Original
6033 Leute haben es durchsucht

So verwenden Sie das Standortobjekt in So verwenden Sie das Standortobjekt in So verwenden Sie das Standortobjekt in JavaScript: Geben Sie zunächst das Tag <script> ein Um Informationen über die Webseitenadresse zu erhalten, ist ausreichend. </script>

So verwenden Sie das Standortobjekt in JavaScript

Die Betriebsumgebung dieses Tutorials: Windows 7-System, So verwenden Sie das Standortobjekt in So verwenden Sie das Standortobjekt in JavaScript-Version 1.8.5, DELL G3-Computer.

In So verwenden Sie das Standortobjekt in So verwenden Sie das Standortobjekt in JavaScript müssen Sie manchmal Informationen über die Webseitenadresse (URL) abrufen oder zu einer bestimmten Adresse wechseln. Zu diesem Zeitpunkt ist die Verwendung des Standortobjekts die bequemste Möglichkeit.

URL ist die Abkürzung für Uniform Resource Locator, die die „Adresse“ einer Seite im Internet darstellt. Kann verwendet werden, um verschiedene Programmierinformationen (z. B. Informationstyp, Servername, Portnummer und Dateiname) in der URL zu speichern. Das

location-Objekt speichert diese Informationen. In der tatsächlichen Entwicklung wird es verwendet, um Parameter von der URL abzurufen und zur angegebenen Adresse zu wechseln.

Sehen wir uns zunächst an, wie das Standortobjekt geschrieben wird

location.函数名
Nach dem Login kopieren

Dann schauen wir uns die Hauptverwendung des Standortobjekts< an 🎜>

Schauen Sie sich zuerst einen Code an


<!DOCTYPE html>
<html lang = "ja">
<head>
  <meta charset = "utf-8">
  <title>So verwenden Sie das Standortobjekt in So verwenden Sie das Standortobjekt in JavaScript</title>
</head>
<body>
  <script>
    // location对象的显示
    console.log(location);
    // url的获取
    var url = location.href;
    console.log(url);

    // 协议的获取
    var protocol = location.protocol;
    console.log(protocol);

    // 移动到指定的url(确定的话可以删除以下的注释)
    // location.href = &#39;//m.sbmmt.com/course.html&#39;
  </script>
</body>
</html>
Nach dem Login kopieren

Die laufenden Ergebnisse sind wie folgt


So verwenden Sie das Standortobjekt in So verwenden Sie das Standortobjekt in JavaScript

Lassen Sie uns einen nehmen Schauen Sie sich jeden Inhalt genauer an


Analyse des Standortobjekts 1

console.log(location);
Nach dem Login kopieren

Geben Sie das Standortobjekt in console.log aus. Sie können sehen, dass verschiedene Informationen gespeichert sind folgt.

So verwenden Sie das Standortobjekt in So verwenden Sie das Standortobjekt in JavaScript

Analyse des Standortobjekts 2

var url = location.href;
console.log(url);
Nach dem Login kopieren

Bereiten Sie eine Variable mit dem Namen „url“ vor und speichern Sie die Rückgabe der Funktion location.href Wert.

Als Ergebnis wird die folgende Zeichenfolge ausgegeben.

href: "file:///C:/Users/Administrator/Desktop/%E5%89%8D%E7%AB%AF/demo.html"
Nach dem Login kopieren

Analyse von Standortobjekt 3

var protocol = location.protocol;
console.log(protocol);
Nach dem Login kopieren

Bereiten Sie eine Variable mit dem Namen „Protokoll“ vor und speichern Sie den Rückgabewert der Funktion „location.protocol“.

Als Ergebnis wird die folgende Zeichenfolge ausgegeben.

"file:"
Nach dem Login kopieren

Analyse des Standortobjekts 4

location.href = &#39;//m.sbmmt.com/course.html&#39;
Nach dem Login kopieren
Indem Sie die URL der zu konvertierenden Seite auf „location.href“ setzen, können Sie zur entsprechenden Seite wechseln.

Das obige ist der detaillierte Inhalt vonSo verwenden Sie das Standortobjekt in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage