Comment faire apparaître une nouvelle page en javascript

Dans le développement Web, accéder à une page est une opération fréquemment utilisée, et JavaScript peut facilement implémenter cette fonction. Nous présenterons ensuite l'opération consistant à afficher une nouvelle page et à réaliser un saut via JavaScript.

1. Afficher une nouvelle page

Nous pouvons utiliser deux méthodes pour afficher une nouvelle page :

1 Grâce à la méthode window.open()

La méthode window.open() ouvrira une nouvelle fenêtre dans. le navigateur ou la page Onglet, sa syntaxe est la suivante :

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

où,

• url est l'URL de la page à ouvrir.
• name est le nom de la fenêtre ou de l'onglet. Si un nom est spécifié, toutes les fenêtres ou onglets portant le même nom seront ouverts dans la même fenêtre ou onglet. Si aucun nom n'est spécifié ou qu'une chaîne vide est spécifiée, une nouvelle fenêtre ou un nouvel onglet sera ouvert à chaque fois.
• specs est un ensemble de propriétés séparées par des virgules qui peuvent spécifier la largeur, la hauteur, la position, etc. d'une nouvelle fenêtre ou d'un nouvel onglet. Ce paramètre est facultatif.
• replace est une valeur booléenne indiquant s'il faut remplacer l'URL de la page actuelle. Si c'est vrai, la nouvelle page remplace la page actuelle, sinon elle s'ouvre dans une nouvelle fenêtre ou un nouvel onglet. Ce paramètre est également facultatif.

Par exemple, nous pouvons utiliser le code suivant pour ouvrir une nouvelle fenêtre et la laisser accéder à la page d'accueil de Baidu :

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

2 Grâce à la propriété window.location.href, la propriété window.location.href peut être obtenue ou. set L'URL de la page actuelle. Lorsque nous définissons cet attribut sur une nouvelle URL, le navigateur accèdera immédiatement à l'URL, obtenant ainsi l'effet de faire apparaître une nouvelle page.

Par exemple, nous pouvons utiliser le code suivant pour faire passer le navigateur à la page d'accueil de Baidu :

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

2. Implémenter le saut de page

Après avoir su comment faire apparaître une nouvelle page, nous devons également savoir comment implémenter le saut .

1. Grâce à la propriété window.location.href

Nous pouvons réaliser un saut de page en définissant la propriété window.location.href. Par exemple, le code suivant peut accéder à la page actuelle vers la page d'actualités de Baidu :

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

2. Grâce à la méthode window.open()

Nous pouvons également utiliser la méthode window.open() pour réaliser un saut de page. Par exemple, le code suivant peut ouvrir la page d'actualités de Baidu dans une nouvelle fenêtre ou un nouvel onglet :

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

Il convient de noter que si nous voulons accéder à une nouvelle page dans la page actuelle, nous devons utiliser l'attribut window.location.href . Si vous souhaitez ouvrir une nouvelle page dans une nouvelle fenêtre ou un nouvel onglet, vous pouvez utiliser la méthode window.open().

3. Résumé

Grâce à l'introduction ci-dessus, nous avons appris à utiliser JavaScript pour afficher une nouvelle page et réaliser l'opération de saut. Que vous utilisiez l'attribut window.location.href ou la méthode window.open(), c'est un moyen très pratique d'accéder à une page. L'utilisation spécifique peut être sélectionnée en fonction des besoins spécifiques de l'entreprise.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!