Maison > interface Web > js tutoriel > Code d'implémentation simple pour le saut d'itinéraire JS

Code d'implémentation simple pour le saut d'itinéraire JS

韦小宝
Libérer: 2018-01-15 11:17:52
original
1191 Les gens l'ont consulté

Cet article partagera avec vous une simple fonction de saut de routage js. C'est très bien. Les amis qui sont intéressés par js peuvent s'y référer. C'est un simple saut de route js. vous être utile.

Il y a des sauts de routage complexes dans la connexion ci-dessous !

<!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
Ce qui précède est le code d'implémentation simple du saut de routage JS présenté par l'éditeur. J'espère qu'il sera utile à tout le monde ! !

Recommandations associées :

Explication détaillée de plusieurs exemples d'héritage en JavaScript

Partage de meilleures solutions pour expérimenter le JavaScript asynchrone

javascript correspond au code de l'expression régulière commenté dans 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