博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML5 History对象,Javascript修改地址栏而不刷新页面(二)
阅读量:6877 次
发布时间:2019-06-26

本文共 571 字,大约阅读时间需要 1 分钟。

一、实例说明:

$('#btnOne').click(function () {    var stateObject = { id: 1 };    var title = "本地首页";    var newUrl = '/index.html';    //修改地址栏中的地址    /*    * 使用说明,pushState中缓存的地址,必须是当前域中的地址    */    history.pushState(stateObject, title, newUrl);});$('#btnTwo').click(function () {    //获取操作历史记录    console.info(history.length);});window.addEventListener('popstate', function (event) {    console.info(event);    console.info(event.state);    /*    * event.state.id 获取说明,第一次打开页面没有id,会抛出异常    */    console.info(event.state.id);});

测试结果:IE10及以上浏览器支持,Google,FF支持

HTML5 History 一:

转载地址:http://swgfl.baihongyu.com/

你可能感兴趣的文章
Windows下DLL编程技术及应用
查看>>
Vsftpd服务器企业实战
查看>>
页面自动跳转的两种常用方法
查看>>
wdOS1.0(64位)发布了(集成lamp,lnmp,lnamp,wdcp安装ISO下载)
查看>>
Kendo UI常用示例汇总(十七)
查看>>
大型架构及配置技术之Ansible
查看>>
Linux的文件管理(二)
查看>>
esxi 嵌入式vCenter 6.5 不用设置DNS安装部署说明
查看>>
gerrit用法
查看>>
FFmpeg: cur_dts is invalid
查看>>
nginx rtmp debug log
查看>>
《数据库系统概念》6-数据类型、授权等
查看>>
多线程(一)
查看>>
笔记7 正则(grep、sed、awk工具)
查看>>
jquery笔记之属性选择器 查找以某种条件开头的页面元素
查看>>
冒泡排序、选择排序、堆排序、快速排序、插入排序算法复杂度分析与算法实现(自己总结与转)...
查看>>
TPM管理解决制造型企业成本大问题的常用手段
查看>>
redis-cli 命令总结
查看>>
100G光模块有什么优势
查看>>
redis主从配置、集群
查看>>