Heim  >  Artikel  >  Web-Frontend  >  So öffnen Sie eine neue Seite in Javascript

So öffnen Sie eine neue Seite in Javascript

PHPz
PHPzOriginal
2023-04-21 09:08:553586Durchsuche

In der Webentwicklung ist das Springen zu einer Seite ein häufig verwendeter Vorgang, und JavaScript kann diese Funktion problemlos implementieren. Als nächstes stellen wir den Vorgang vor, eine neue Seite zu öffnen und einen Sprung durch JavaScript zu realisieren.

1. Eine neue Seite öffnen

Wir können zwei Methoden verwenden, um eine neue Seite zu öffnen:

1. Über die Methode window.open()

Die Methode window.open() öffnet ein neues Fenster Die Syntax des Browsers oder der Tab-Seite lautet wie folgt:

window.open(url, name, specs, replace);

wobei

  • url die URL der Seite ist, die geöffnet werden soll.
  • Name ist der Name des Fensters oder der Registerkarte. Wenn ein Name angegeben wird, werden alle Fenster oder Registerkarten mit demselben Namen im selben Fenster oder derselben Registerkarte geöffnet. Wenn kein Name angegeben wird oder eine leere Zeichenfolge angegeben wird, wird jedes Mal ein neues Fenster oder eine neue Registerkarte geöffnet.
  • specs ist ein durch Kommas getrennter Satz von Eigenschaften, der die Breite, Höhe, Position usw. eines neuen Fensters oder Tabs angeben kann. Dieser Parameter ist optional.
  • replace ist ein boolescher Wert, der angibt, ob die URL der aktuellen Seite ersetzt werden soll. Wenn „true“, ersetzt die neue Seite die aktuelle Seite, andernfalls wird sie in einem neuen Fenster oder Tab geöffnet. Auch dieser Parameter ist optional.

Zum Beispiel können wir den folgenden Code verwenden, um ein neues Fenster zu öffnen und es zur Baidu-Homepage springen zu lassen:

window.open("https://www.baidu.com", "baidu");

2. Über die Eigenschaft window.location.href kann die Eigenschaft

window.location.href abgerufen werden oder set Die URL der aktuellen Seite. Wenn wir dieses Attribut auf eine neue URL setzen, springt der Browser sofort zur URL und erzielt so den Effekt, dass eine neue Seite angezeigt wird.

Zum Beispiel können wir den folgenden Code verwenden, um den Browser dazu zu bringen, zur Baidu-Homepage zu springen:

window.location.href = "https://www.baidu.com";

2. Seitensprung implementieren

Nachdem wir wissen, wie eine neue Seite angezeigt wird, müssen wir auch wissen, wie der Sprung implementiert wird .

1. Durch das Attribut window.location.href

Wir können einen Seitensprung erreichen, indem wir das Attribut window.location.href festlegen. Beispielsweise kann der folgende Code von der aktuellen Seite zur Nachrichtenseite von Baidu springen:

window.location.href = "https://news.baidu.com/";

2. Über die Methode window.open()

Wir können auch die Methode window.open() verwenden, um einen Seitensprung zu erreichen. Der folgende Code kann beispielsweise die Nachrichtenseite von Baidu in einem neuen Fenster oder Tab öffnen:

window.open("https://news.baidu.com", "baidu");

Es ist zu beachten, dass wir das Attribut window.location.href verwenden sollten, wenn wir auf der aktuellen Seite zu einer neuen Seite springen möchten . Wenn Sie eine neue Seite in einem neuen Fenster oder Tab öffnen möchten, können Sie die Methode window.open() verwenden.

3. Zusammenfassung

Durch die obige Einführung haben wir gelernt, wie man mit JavaScript eine neue Seite öffnet und den Sprungvorgang realisiert. Unabhängig davon, ob Sie das Attribut window.location.href oder die Methode window.open() verwenden, ist dies eine sehr bequeme Möglichkeit, zu einer Seite zu springen. Die spezifische Verwendung kann entsprechend den spezifischen Geschäftsanforderungen ausgewählt werden.

Das obige ist der detaillierte Inhalt vonSo öffnen Sie eine neue Seite in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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