recherche

Maison  >  Article  >  interface Web  >  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中世界最好的语言
php中世界最好的语言original
2018-04-18 10:05:121720parcourir

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>

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!

Déclaration：
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
Article précédent：Comment utiliser le développement Web multi-domainesArticle suivant：Comment utiliser le développement Web multi-domaines

Articles Liés

Voir plus