JS路由跳轉的簡單實現(xiàn)代碼
更新時間:2017年09月21日 11:05:14 作者:Myworldlet
本文給大家分享一個簡單的js路由跳轉功能,非常不錯,需要的朋友參考下吧
這是一個簡單的路由跳轉,希望對你有所幫助
下面的連接中有復雜的路由跳轉
<!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/> <div ng-view> 11111 </div> <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>
總結
以上所述是小編給大家介紹的JS路由跳轉的簡單實現(xiàn)代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關文章
JavaScript開發(fā)Chrome瀏覽器擴展程序UI的教程
Chrome擴展開發(fā)API中提供了一些關于UI外觀的操作,如果是剛剛上手的話首先需要了解Browser Actions、Omnibox、選項頁等,在這篇JavaScript開發(fā)Chrome瀏覽器擴展程序UI的教程中,我們先來回顧一下基本知識:2016-05-05JavaScript 模塊的循環(huán)加載實現(xiàn)方法
本文介紹JavaScript語言如何處理"循環(huán)加載"。目前,最常見的兩種模塊格式CommonJS和ES6,處理方法是不一樣的,返回的結果也不一樣2015-12-12在vs2010中調(diào)試javascript代碼方法
只在IE瀏覽器中測試成功了,在谷歌瀏覽中沒有測試成功,其他瀏覽器沒有測試。2011-02-02bootstrap模態(tài)框嵌套、tabindex屬性、去除陰影的示例代碼
這篇文章主要介紹了bootstrap模態(tài)框嵌套、tabindex屬性、去除陰影,需要的朋友可以參考下2017-10-10