`

html5 replaceState

阅读更多

 

 

var bb="history.state = "+(JSON.stringify(history.state))+" , \n\nlocation: " + document.location;
	console.dir("bb : "+bb);
	
	window.addEventListener("popstate", function(e){
		var currentState = e.state;
		var bb="history="+(JSON.stringify(history))+" , \n\n location: " + document.location;
		console.dir("bb : "+bb);
		alert(bb);
	}, false);
	
	function replaceState(){
		var data={aa:"122"};
		var url=location.pathname;
		window.history.replaceState(data,document.title,url+"#!/stealingyourhistory");
		//history.replaceState(null, document.title, location.pathname+"#!/stealingyourhistory");  
		//history.replaceState({page: 1}, "title 1", "?page=1");
		console.dir(history);
		console.dir("pathname : "+location.pathname);
	}

 

分享到:
评论

相关推荐

    ajax与HTML5 history pushState:replaceState实例1

    HTML5的History API提供了pushState和replaceState两个方法,可以解决这个问题。 一、HTML5 History API HTML5的History API提供了对浏览器历史记录的访问和操作能力。它提供了pushState和replaceState两个方法,...

    HTML5 history新特性pushState、replaceState及两者的区别

    总之,`pushState`和`replaceState`是HTML5中增强用户体验的重要工具,它们允许开发者在不重新加载页面的情况下更新URL和管理历史记录,从而创建更动态、更友好的Web应用。结合`popstate`事件,可以实现无刷新的页面...

    HTML5 参考手册.chm

    HTML5是现代网页开发的核心标准,它极大地扩展了HTML(超文本标记语言)的功能,提升了用户体验和开发者的工作效率。此“HTML5参考手册.chm”很可能是一个包含详细HTML5元素、属性、API以及最佳实践的综合指南。下面...

    简单聊聊H5的pushState与replaceState的用法

    主要介绍了简单聊聊H5的pushState与replaceState的用法的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    浅谈通过JS拦截 pushState和replaceState事件

    需要注意的是,为了确保自定义事件能够被正确注册和触发,推荐将这段代码放置在文档加载前执行,以保证在HTML5历史记录发生变化之前就能对事件进行拦截和处理。 总结来说,本文介绍了如何通过JavaScript拦截push...

    html5高级程序设计(pro html5 Programming)配套源码

    10. **History管理和PushState**:HTML5 History API改进了页面导航,PushState和ReplaceState允许开发者改变URL而不实际加载新页面,实现无刷新的导航体验。源码可能涉及如何利用这些API实现单页应用(SPA)。 ...

    HTML5-History-API:针对不支持pushState,replaceState的浏览器HTML5历史API扩展

    该Javascript库为较旧的浏览器提供了HTML5历史记录API的仿真。 该库根据W3C规范运行,没有添加任何新方法或不兼容的方法。 可以完全按照例如Dive Into HTML5书( )或History API规范( )中的描述使用该库 )。 您...

    最新 Html5 中文 api

    10. **History管理和PushState**:HTML5的History API允许开发者改变浏览器的URL而不进行页面刷新,通过PushState和ReplaceState方法可以创建更友好的单页应用体验。 这个“最新Html5中文API”CHM文件很可能是包含...

    前端项目-html5-history-api.zip

    在"前端项目-html5-history-api.zip"这个压缩包中,我们看到的"HTML5-History-API-master"文件夹很可能是包含了关于如何使用和扩展HTML5 History API的示例代码和文档。 首先,History API包括三个主要方法:`push...

    html5中文帮助文档

    HTML5是下一代超文本标记语言,它在2014年正式成为W3C推荐标准,带来了许多新的特性和改进,极大地扩展了Web开发的可能性。这个"html5中文帮助文档"是一个宝贵的资源,旨在帮助开发者深入理解和应用HTML5的新功能。 ...

    html5经典书籍1

    HTML5是现代网页开发的核心标准,它极大地扩展了HTML4的功能,提供了许多新的元素、属性和API,使得开发者能够创建更丰富、更具交互性的网页应用。以下是对HTML5相关知识点的详细阐述: 1. **语义化标签**:HTML5...

    HTML5精美提交跳转案例

    HTML5是现代网页开发的核心标准,它在原有HTML4的基础上引入了众多新特性,使得网页交互更加丰富,用户体验更上一层楼。在这个“HTML5精美提交跳转案例”中,我们可以深入探讨HTML5如何实现优雅的表单提交与页面跳转...

    归纳HTML5十五大新特性参考.pdf

    HTML5是Web开发领域的一次重大革新,它引入了许多新的特性和功能,旨在提升网页的交互性、可访问性和性能。以下是对HTML5十五大新特性的详细解释: 1. 新的文档类型(New Doctype):HTML5采用更简洁的文档类型声明...

    使用 HTML5 开发离线应用[转载]

    ### 使用HTML5开发离线应用的关键技术解析 在信息技术领域,HTML5的出现标志着网络应用的一个重大飞跃,尤其是在离线应用的开发上。HTML5,作为第五代超文本标记语言的标准,不仅增强了网页的表现力,更引入了一...

    HTML5无刷新改变当前url的代码

    window.history.back();//后退window.history.forward();//前进window.history.go(-1);//移动到指定记录点,当前倒退1,相当于window.history.forward()window.history.length//可以...以上所述是小编给大家介绍的HTML

    HTML5 知识

    9. History管理和PushState:HTML5的History API允许开发者管理浏览器的历史记录,通过PushState和ReplaceState方法,可以改变URL而不重新加载页面,实现更好的用户导航体验。 10. 样式增强:CSS3的引入也是HTML5的...

Global site tag (gtag.js) - Google Analytics