suchen

Heim  >  Artikel  >  Web-Frontend  >  Einfacher Implementierungscode für JS-Routensprung

Einfacher Implementierungscode für JS-Routensprung

韦小宝
韦小宝Original
2018-01-15 11:17:521138Durchsuche

Dieser Artikel wird Ihnen eine einfache js-Routing--Sprungfunktion vorstellen. Dies ist ein einfacher js-Routensprung sei dir nützlich!

In der Verbindung unten gibt es komplexe Routing-Sprünge! 

<!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>
Das Obige ist der einfache Implementierungscode des vom Herausgeber eingeführten JS-Routing-Sprungs. Ich hoffe, er wird für alle hilfreich sein! !

Verwandte Empfehlungen:

Detaillierte Erläuterung von Beispielen für die Mehrfachvererbung in JavaScript

Teilen besserer Lösungen zum Erleben von asynchronem JavaScript

Javascript entspricht dem in js kommentierten regulären Ausdruckscode

Das obige ist der detaillierte Inhalt vonEinfacher Implementierungscode für JS-Routensprung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript 正则表达式 继承 多重继承 JS 异步
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Verwenden von JavaScript zur Implementierung eines kleinen Programms mit 99 MultiplikationstabellenNächster Artikel：Verwenden von JavaScript zur Implementierung eines kleinen Programms mit 99 Multiplikationstabellen

In Verbindung stehende Artikel

Mehr sehen