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 相关文章推荐
一个对于js this关键字的问题
Jan 09 Javascript
ExtJS 2.0实用简明教程 之获得ExtJS
Apr 29 Javascript
使用js+jquery实现无限极联动
May 23 Javascript
JS.elementGetStyle(element, style)应用示例
Sep 24 Javascript
jquery live()重复绑定的解决方法介绍
Jan 03 Javascript
一个JavaScript递归实现反转数组字符串的实例
Oct 14 Javascript
jQuery中(function($){})(jQuery)详解
Jul 15 Javascript
jQuery移动web开发之页面跳转和加载外部页面的实现
Dec 04 Javascript
AngularJS入门教程之AngularJS表达式
Apr 18 Javascript
微信小程序后台解密用户数据实例详解
Jun 28 Javascript
js脚本中执行java后台代码方法解析
Oct 11 Javascript
微信小程序中weui用法解析
Oct 21 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
PHP array_multisort()函数的使用札记
2011/07/03 PHP
解析centos中Apache、php、mysql 默认安装路径
2013/06/25 PHP
ASP和PHP实现生成网站快捷方式并下载到桌面的方法
2014/05/08 PHP
PHP中的排序函数sort、asort、rsort、krsort、ksort区别分析
2014/08/18 PHP
php正则表达式验证(邮件地址、Url地址、电话号码、邮政编码)
2016/03/14 PHP
php简单实现多语言切换的方法
2016/05/09 PHP
详谈php静态方法及普通方法的区别
2016/10/04 PHP
PHP获取当前执行php文件名的代码
2017/03/02 PHP
PHP更安全的密码加密机制Bcrypt详解
2017/06/18 PHP
19个很有用的 JavaScript库推荐
2011/06/27 Javascript
JQuery切换显示的效果实例代码
2013/02/27 Javascript
js给网页加上背景音乐及选择音效的方法
2015/03/03 Javascript
原生js实现数字字母混合验证码的简单实例
2015/12/10 Javascript
js实现页面a向页面b传参的方法
2016/05/29 Javascript
深入理解JavaScript中的call、apply、bind方法的区别
2016/05/30 Javascript
AngularJS入门教程之路由机制ngRoute实例分析
2016/12/13 Javascript
React学习笔记之事件处理(二)
2017/07/02 Javascript
javascript 取小数点后几位几种方法总结
2017/08/02 Javascript
微信小程序获取用户绑定手机号方法示例
2019/07/21 Javascript
Element InfiniteScroll无限滚动的具体使用方法
2020/07/27 Javascript
JavaScript 实现轮播图特效的示例
2020/11/05 Javascript
PYTHON 中使用 GLOBAL引发的一系列问题
2016/10/12 Python
Python 专题一 函数的基础知识
2017/03/16 Python
Python模拟用户登录验证
2017/09/11 Python
Python面向对象程序设计之继承与多继承用法分析
2018/07/13 Python
Python解决线性代数问题之矩阵的初等变换方法
2018/12/12 Python
python监测当前联网状态并连接的实例
2018/12/18 Python
Python try except异常捕获机制原理解析
2020/04/18 Python
LN-CC日本:高端男装和女装的奢侈时尚目的地
2019/09/01 全球购物
Edwaybuy西班牙:小米在线商店
2019/12/04 全球购物
美国在线和移动免费会员制批发零售商:Boxed(移动端的Costco)
2020/01/02 全球购物
咖啡蛋糕店创业计划书
2014/01/28 职场文书
幼儿教育感言
2014/02/05 职场文书
挖掘机司机岗位职责
2014/02/12 职场文书
乡镇创先争优活动总结
2014/08/28 职场文书
《烈火英雄》观后感:致敬和平时代的英雄
2019/11/11 职场文书