html5 hash
来源:互联网 发布:时间胶囊软件 编辑:程序博客网 时间:2024/06/05 17:19
作者:zccst 现在的开发,越来越倾向于页面内跳转,这种情况下需要更新自己的知识,来实现页面内跳转。history就是解决这个问题的。
HTML5有两种解决办法:
1,onhashchange 用到了window.loaction.hash对象(存,取)
2,history
(1) pushstate 三个参数:数据,标题(为空),url(可选)。
(2) popstate是一个事件,读取event.state数据
注意:url是虚假的。用户不能实际找到。
本质上:两种方式都是存值+取值事件。
简化后就是:
window.loaction.hash = srcArr; window.onhashchange=function(){ var val = window.loaction.hash; }
和
history.pushState = srcArr; window.onpopstate=function(event){ var val = event.state; };
详情参考如下参数随机数例子:
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type"content="text/html; charset=utf-8"/><title>无标题文档</title><script type="text/javascript">window.onload=function (){var oInput = document.getElementById("input1");oInput.onclick=function(){var oDiv = document.getElementById("div1");var num = generateNum (6);//onhashchangewindow.location.hash = num;window.onhashchange = function(){oDiv = = window.location.hash.substring(1);}//historyoDiv.innerHTML=num;//生成随机数function generateNum (num){var ret = [];for (var i = 0; i < num; i++) {ret.push(Math.ceil(100*Math.random()));};return ret;}}}</script></head><body>中奖号码:<div id="div1"></div><input type="button"value="生成随机号码"id="input1"/></body></html>
0 0
- html5 hash
- html5之页面跳转-hash
- html5 历史管理以及hash管理
- 监听浏览器hash变化和html5 pullstate特性
- [Html5 ]利用hash构建HTML切换 (前端学习第二节)
- hash
- Hash
- hash
- hash
- Hash
- hash
- Hash
- HASH
- hash
- hash
- HASH
- hash
- hash
- performSelector用法
- 系统升级到iOS9,真机运行报“was compiled with optimization - stepping may behave oddly...”,闪退
- 实时推送-androidpn 客户端代码分析
- muduo库阅读(25)——Net部分:服务器端的套接字类
- jquery插件
- html5 hash
- html 中javascript 页面加载完成后执行函数
- Super和This 简单理解
- 数据库的一些知识点
- Nginx服务器安全配置详解
- 【C++基础之二】常量指针和指针常量
- 佛祖保佑 永无BUG
- 共创云端新业态,AppCan移动云大会即将召开
- JNI中新建文件、读写普通文件和驱动文件的方法综述fopen/open/creat/