HTML5 history.pushState 方法使用代码,Css代码库,德仔网

代码语言

代码分类

【Css】 HTML5 history.pushState 方法使用

作者:野草 / 发布于2014/6/17/ 746

HTML5 history.pushState 可以动态改变地址栏，并作出相应操作。实际项目参考：http://dmku.net建议使用chrome或者IE9+


	var App={
	Init:function(){
	 App.State(title,url);
	 App.StateListen();
	},
	State:function(title,url){//无刷新改变URL
	 if(window.history.pushState){
	 window.history.pushState({title:title,url:url},title,url);
	 }else{
	 location.href=url;
	 }
	 document.title=title;
	},
	StateListen:function(){//监听地址
	 var url=location.href.toString().split("/");

	 window.addEventListener('popstate', function(e){
	 if (history.state){
	 var url=e.state.url;
	 //根据url值进行相应操作
	 }
	 },false);
	}
	};

试试其它关键字

　HTML5　　history.pushState　　pushState　

同语言下

.前端PC-移动端CSS公共样式+HTML
.手机端页面通用样式
.H5页面通用头部设置
.elect默认样式美化代码兼容移动端和pc端
.按钮效果 css
.唤醒app
.放大效果
.html5+css3实现上拉和下拉刷新
.html上传图片后，在页面显示上传的图片
.html5实现点击弹出图片

可能有用的

.C#实现的html内容截取
.List 切割成几份工具类
.SQL查询多列合并成一行用逗号隔开
.一行一行读取txt的内容
.C#动态修改文件夹名称(FSO实现，不移动文件)
.c# 移动文件或文件夹
.c#图片添加水印
.Java PDF转换成图片并输出给前台展示
.网站后台修改图片尺寸代码
.处理大图片在缩略图时的展示

野草贡献的其它代码(2)

.利用VideoView播放视频
.HTML5 history.pushState 方法使用