JS路由跳轉(zhuǎn)的簡單實現(xiàn)代碼
更新時間：2017年09月21日 11:05:14 作者：Myworldlet
本文給大家分享一個簡單的js路由跳轉(zhuǎn)功能，非常不錯，需要的朋友參考下吧
這是一個簡單的路由跳轉(zhuǎn)，希望對你有所幫助
下面的連接中有復雜的路由跳轉(zhuǎn)
<!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>
總結(jié)
以上所述是小編給大家介紹的JS路由跳轉(zhuǎn)的簡單實現(xiàn)代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要介紹了Postman的下載及安裝教程詳解,今天給大家介紹的這款網(wǎng)頁調(diào)試工具不僅可以調(diào)試簡單的css、html、腳本等簡單的網(wǎng)頁基本信息，它還可以發(fā)送幾乎所有類型的HTTP請求！需要的朋友可以參考下2018-10-10
這篇文章介紹了JS定時刷新頁面及跳轉(zhuǎn)頁面的方法，有需要的朋友可以參考一下2013-07-07
這篇文章主要為大家詳細介紹了使用p5.js臨摹動態(tài)圖片，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-11-11
這篇文章主要為大家詳細介紹了基于Swiper實現(xiàn)移動端頁面圖片輪播效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-12-12
網(wǎng)絡(luò)請求axios與fetch的區(qū)別及使用示例
Fetch和Axios是兩個常用的JavaScript庫,用于處理數(shù)據(jù)請求,下面這篇文章主要給大家介紹了關(guān)于網(wǎng)絡(luò)請求axios與fetch的區(qū)別及使用的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-04-04
本文對JavaScript對象的屬性、對象的方法、對象的屬性、訪問對象屬性的語法進行了實例分析介紹，有需要的朋友可以看下2016-12-12
addRule在firefox下的兼容寫法...2006-11-11
一些經(jīng)常會用到的Javascript檢測函數(shù)
一些經(jīng)常會用到的Javascript檢測函數(shù)，都是在prototype上面的擴展。2010-05-05
這篇文章主要介紹了js獲取元素外鏈樣式的方法,分別在標準瀏覽器與IE瀏覽器兩種情況下實現(xiàn)獲取對應(yīng)樣式的功能,是非常實用的技巧,需要的朋友可以參考下2015-01-01
JS實現(xiàn)在線統(tǒng)計一個頁面內(nèi)鼠標點擊次數(shù)的方法
這篇文章主要介紹了JS實現(xiàn)在線統(tǒng)計一個頁面內(nèi)鼠標點擊次數(shù)的方法,實例分析了javascript操作Cookie實現(xiàn)計數(shù)的技巧,需要的朋友可以參考下2015-02-02