JS路由跳转的简单实现代码


Posted in Javascript onSeptember 21, 2017

这是一个简单的路由跳转,希望对你有所帮助

下面的连接中有复杂的路由跳转

<!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路由跳转的简单实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Dojo之路:如何利用Dojo实现Drag and Drop效果
Apr 10 Javascript
用js做一个小游戏平台 (一)
Dec 29 Javascript
javascript获取作用在元素上面的样式属性代码
Sep 20 Javascript
js身份证判断方法支持15位和18位
Mar 18 Javascript
javascript实现限制上传文件大小
Feb 06 Javascript
JavaScript操作文件_动力节点Java学院整理
Jun 30 Javascript
详解VueJS应用中管理用户权限
Feb 02 Javascript
记React connect的几种写法(小结)
Sep 18 Javascript
JavaScript 中 JSON.parse 函数 和 JSON.stringify 函数
Dec 05 Javascript
JS+canvas画布实现炫酷的旋转星空效果示例
Feb 13 Javascript
Vue-cli3.x + axios 跨域方案踩坑指北
Jul 04 Javascript
使用layui实现的左侧菜单栏以及动态操作tab项方法
Sep 10 Javascript
JS实现的简单标签点击切换功能示例
Sep 21 #Javascript
使用JavaScript实现一个小程序之99乘法表
Sep 21 #Javascript
React-Native左右联动List的示例代码
Sep 21 #Javascript
angularjs实现简单的购物车功能
Sep 21 #Javascript
JS实现前端缓存的方法
Sep 21 #Javascript
JS基于正则表达式实现的密码强度验证功能示例
Sep 21 #Javascript
jQuery实现的简单动态添加、删除表格功能示例
Sep 21 #jQuery
You might like
SONY ICF-SW7600的电路分析
2021/03/02 无线电
ThinkPHP多表联合查询的常用方法
2020/03/24 PHP
PHP获取一个字符串中间一部分字符的方法
2014/08/19 PHP
php+mysqli事务控制实现银行转账实例
2015/01/29 PHP
使用 PHPStorm 开发 Laravel
2015/03/24 PHP
PHP实现的多维数组排序算法分析
2018/02/10 PHP
ThinkPHP5框架实现简单的批量查询功能示例
2018/06/07 PHP
js动态拼接正则表达式的两种方法
2014/03/04 Javascript
javascript实现根据时间段显示问候语的方法
2015/06/18 Javascript
js实现prototype扩展的方法(字符串,日期,数组扩展)
2016/01/14 Javascript
Bootstrap4一次重大更新 几乎涉及每行代码
2016/05/16 Javascript
使用jQuery给Table动态增加行、清空table的方法
2018/09/05 jQuery
从零开始用electron手撸一个截屏工具的示例代码
2018/10/10 Javascript
Vue Router history模式的配置方法及其原理
2019/05/30 Javascript
vue 兄弟组件的信息传递的方法实例详解
2019/08/30 Javascript
解决VUE双向绑定失效的问题
2019/10/29 Javascript
js找出5个数中最大的一个数和倒数第二大的数实现方法示例小结
2020/03/04 Javascript
ant design的table组件实现全选功能以及自定义分页
2020/11/17 Javascript
JavaScript 防盗链的原理以及破解方法
2020/12/29 Javascript
JavaScript 中的执行上下文和执行栈实例讲解
2021/02/25 Javascript
[01:10]为家乡而战!完美世界城市挑战赛全国总决赛花絮
2019/07/25 DOTA
python中__call__方法示例分析
2014/10/11 Python
Python数据结构之双向链表的定义与使用方法示例
2018/01/16 Python
Python OpenCV获取视频的方法
2018/02/28 Python
Django外键(ForeignKey)操作以及related_name的作用详解
2019/07/29 Python
在spyder IPython console中,运行代码加入参数的实例
2020/04/20 Python
numpy矩阵数值太多不能全部显示的解决
2020/05/14 Python
简述 Python 的类和对象
2020/08/21 Python
南非最大的花卉和送礼服务:NetFlorist
2017/09/13 全球购物
学生个人的自我评价分享
2013/11/05 职场文书
电气工程及其自动化专业求职信
2014/06/23 职场文书
大一新生期末自我评价
2014/09/12 职场文书
国庆节新闻稿
2015/07/17 职场文书
职场:企业印章管理制度(模板)
2019/10/18 职场文书
只用40行Python代码就能写出pdf转word小工具
2021/05/31 Python
Java 获取Word中所有的插入和删除修订的方法
2022/04/06 Java/Android