JS路由跳转的简单实现代码
更新时间：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路由跳转的简单实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要介绍了Postman的下载及安装教程详解,今天给大家介绍的这款网页调试工具不仅可以调试简单的css、html、脚本等简单的网页基本信息，它还可以发送几乎所有类型的HTTP请求！需要的朋友可以参考下2018-10-10
这篇文章介绍了JS定时刷新页面及跳转页面的方法，有需要的朋友可以参考一下2013-07-07
这篇文章主要为大家详细介绍了使用p5.js临摹动态图片，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-11-11
这篇文章主要为大家详细介绍了基于Swiper实现移动端页面图片轮播效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-12-12
Fetch和Axios是两个常用的JavaScript库,用于处理数据请求,下面这篇文章主要给大家介绍了关于网络请求axios与fetch的区别及使用的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-04-04
本文对JavaScript对象的属性、对象的方法、对象的属性、访问对象属性的语法进行了实例分析介绍，有需要的朋友可以看下2016-12-12
addRule在firefox下的兼容写法...2006-11-11
一些经常会用到的Javascript检测函数，都是在prototype上面的扩展。2010-05-05
这篇文章主要介绍了js获取元素外链样式的方法,分别在标准浏览器与IE浏览器两种情况下实现获取对应样式的功能,是非常实用的技巧,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了JS实现在线统计一个页面内鼠标点击次数的方法,实例分析了javascript操作Cookie实现计数的技巧,需要的朋友可以参考下2015-02-02
最新评论