Maison > Article > interface Web > Comment implémenter le saut de page en javascript
Comment implémenter le saut de page en javascript
- 青灯夜游original
- 2021-04-07 16:18:2756331parcourir
Méthode de saut de page JS : 1. Utilisez "location.href="URL"" ; 2. Utilisez "location.replace("URL"" 3. Utilisez "location.assign("URL" ) "; 4. Utilisez "window.open("URL")".
L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.
Comment implémenter le saut de page à l'aide de JavaScript :
1 Utilisez l'attribut location.href pour accéder à d'autres pages Web<.>
Syntaxe :location.href="URL";Exemple :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>这是<i>location.href</i>方式的示例</p>
<button onclick="myFunc()">点击这里</button>
<!--重定向到其他网页的脚本-->
<script>
function myFunc() {
window.location.href="https://www.php.cn";
}
</script>
</body>
</html>
2 Utilisez la méthode location.replace() pour accéder à d'autres pages Web Syntaxe :
location.replace("URL");Exemple :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>这是<i>location.replace()</i>方式的示例</p>
<button onclick="myFunc()">点击这里</button>
<!--重定向到其他网页的脚本-->
<script>
function myFunc() {
location.replace("https://www.php.cn");
}
</script>
</body>
</html>[Apprentissage recommandé :
Tutoriel avancé javascript3. Utilisez la méthode location.assign () pour accéder à d'autres pages WebSyntaxe :
location.assign("URL")Exemple :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>这是<i>location.assign()</i>方式的示例</p>
<button onclick="myFunc()">点击这里</button>
<!--重定向到其他网页的脚本-->
<script>
function myFunc() {
location.assign("https://www.php.cn");
}
</script>
</body>
</html>4. () pour accéder à d'autres pages Web Syntaxe :
window.open("URL");Exemple :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>这是<i>window.open()</i>方式的示例</p>
<button onclick="myFunc()">点击这里</button>
<!--重定向到其他网页的脚本-->
<script>
function myFunc() {
window.open("https://www.php.cn");
}
</script>
</body>
</html>Pour plus de connaissances liées à la programmation, veuillez visiter :
Programmation VidéoCe 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!