Maison > interface Web > js tutoriel > Explication détaillée des étapes pour implémenter le saut d'itinéraire à l'aide de JS

Explication détaillée des étapes pour implémenter le saut d'itinéraire à l'aide de JS

php中世界最好的语言
Libérer: 2018-04-18 10:05:12
original
1754 Les gens l'ont consulté

Cette fois, je vais vous apporter une explication détaillée des étapes pour implémenter le saut de routage dans JS. Quelles sont les précautions pour implémenter le saut de route dans JS. Ce qui suit est un exemple pratique. cas. Jetons un coup d'oeil.

JS est utilisé très fréquemment par de nombreuses personnes, et js a également un effet de production très puissant. Cet article vous présentera l'exemple de code permettant d'utiliser js pour obtenir un effet de saut de routage. J'espère qu'il vous sera utile dans l'application js. Si vous êtes intéressé, venez en savoir plus.

Il y a des sauts de routage complexes dans la connexion suivante

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="angular1.4.6.min.js"></script>
  <script src="angular-route.js"></script>
</head>
<body ng-app="MyApp" >
<a href="#/" rel="external nofollow" >CHINA</a><br/>
<a href="#/1" rel="external nofollow" >CHINA1</a><br/>
<a href="#/2" rel="external nofollow" >CHINA2</a><br/>
<a href="#/3" rel="external nofollow" >CHINA3</a><br/>
<p ng-view>
11111
</p>
<script>
  var app = angular.module("MyApp", ["ngRoute"]);
  app.config(function ( $routeProvider) {
    $routeProvider
      .when("/", {template: "<h1>123</h1>"})
      .when("/1", {template: "<h1>111</h1>"})
      .when("/2", {template: "<h1>222</h1>"})
      .when("/3", {template: "<h1>333</h1>"});
  });
</script>
</body>
</html>
Copier après la connexion

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de PHP. !

Lecture recommandée :

Explication détaillée de la mise en œuvre de l'autorisation Shiro

Comment faire fonctionner la base de données mongodb dans Node.js

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal