Angularjs中的标签模式和html5模式
来源:互联网 发布:95社区源码 编辑:程序博客网 时间:2024/05/16 13:54
浏览$location的实例代码我们不难发现,每次的url中都会带一个#,这是因为angularjs默认使用的是标签模式,它和html5模式有什么区别?
(1)标签模式
标签模式使用的是内部链接的技巧,URL后面紧跟一个#,angularjs本身不会重写标签,也不需要服务器端的支持,链接后的URL样子基本是这样的:
http://example.com/#/some/path?foo=bar&baz=xoxo
(2)HTML5模式
标签模式的url看起来总是觉得不爽,html5模式可能比较适合咱们的请求格式(比如说REST),
http://example.com/some/path?foo=bar&baz=xoxo
在angularjs内部,可以通过$locationProvider.Html5Mode()(内部用的是html5 history api,如果浏览器不支持将自动降级到标签模式)方法来实现这样的路由要求,在该模式下,angularjs会重写标签。使用该模式时,永远都不要使用相对路径,如果你的应用是在根路径中加载的,这不会有什么问题,但如果是在其他路径中,AngularJS应用就无法正确处理路由了.
为了在应用程序各处使用相对链接,你将需要在你文档的里面设置一个.
注:html5 history api
history.pushState(data, title [, url]):往历史记录堆栈顶部添加一条记录;data会在onpopstate事件触发时作为参数传递过去;title为页面标题,当前所有浏览器都会忽略此参数;url为页面地址,可选,缺省为当前页地址。
history.replaceState(data, title [, url]) :更改当前的历史记录,参数同上。
history.state:用于存储以上方法的data数据,不同浏览器的读写权限不一样。
浏览器支持情况(完整的可以通过www.caniuse.com查询)
IE 10+, FF38+,chrome 31+,safari 7.1+, opera 30+
为什么要用history api?
无法使用浏览器的前进、后退来切换前后数据。
当我们将浏览器地址栏中的链接与朋友分享时,可能实际上却并非我们期望的内容。
单纯地使用AJAX不利于搜索引擎优化。
参考链接:http://diveintohtml5.info/history.html
http://www.clanfei.com/2012/09/1646.html
https://docs.angularjs.org/api/ng/provider/$locationProvider
https://scotch.io/quick-tips/pretty-urls-in-angularjs-removing-the-hashtag
- Angularjs中的标签模式和html5模式
- AngularJS 中的 Promise 和 设计模式
- AngularJS 中的 Promise 和 设计模式
- AngularJS 中的 Promise 和 设计模式
- AngularJS 中的 Promise 和 设计模式
- AngularJS中的MVC模式应用
- angularjs模式
- 1、AngularJs的简介和MVC模式
- HTML5 <script>标签中的async和defer
- IE10中的互操作性HTML5怪异模式
- PatternLayout中的转换模式(ConversionPattern)标签含义
- AngularJS 反模式
- <<AngularJS>>思维模式
- angularjs mvvm模式
- angularjs的MVC模式
- angularJS中的promise模式以及通过$q解决异步
- cocos2d-html5 Layer 和 Scene 创建模式
- Html5添加切换缩略图模式和列表模式插件教程
- eclipse汉化后出现问题解决办法
- 搞颠provider,factory 和service
- listview中如果存在button imagebutton 等强焦点事件 处理方法
- javascript作用域与闭包
- mysql与excel数据互转小需求
- Angularjs中的标签模式和html5模式
- 开发 Spring 自定义视图和视图解析器
- 算法-n皇后问题
- Rollout学习1 简单使用篇
- CountDownLatch、CyclicBarrier和Semaphore用法
- 嵌入式人才的发展方向
- c++友元
- [转载]解读2014之前端篇:任性的颠覆式改变
- hdoj 1052经典贪心