Heim > Artikel > Web-Frontend > Detaillierte Erläuterung der Schritte zum Implementieren von Routensprüngen mithilfe von JS

Detaillierte Erläuterung der Schritte zum Implementieren von Routensprüngen mithilfe von JS

php中世界最好的语言Original: 2018-04-18 10:05:121691Durchsuche

Dieses Mal werde ich Ihnen eine detaillierte Erklärung der Schritte zum Implementieren von Routing-Sprüngen in JS geben. Was sind die Vorsichtsmaßnahmen für die Implementierung von Routensprüngen in JS? Fall. Werfen wir einen Blick darauf.

JS wird von vielen Menschen sehr häufig verwendet, und JS hat auch einen sehr starken Produktionseffekt. In diesem Artikel wird Ihnen der Beispielcode für die Verwendung von js zur Erzielung eines Routing-Jump-Effekts vorgestellt. Wenn Sie interessiert sind, kommen Sie vorbei und lernen Sie ihn kennen.

Im folgenden Zusammenhang 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>

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website !

Empfohlene Lektüre:

Detaillierte Erläuterung der Shiro-Autorisierungsimplementierung

Wie man die Mongodb-Datenbank in Node.js betreibt

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Schritte zum Implementieren von Routensprüngen mithilfe von JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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：So nutzen Sie die domänenübergreifende WebentwicklungNächster Artikel：So nutzen Sie die domänenübergreifende Webentwicklung

In Verbindung stehende Artikel

Mehr sehen