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