关于Ajax在浏览器中产生前进后退的实现方法
作者:Theo Wong 来源:cssrain 发布时间:2010-01-29 13:01:00
关于Ajax在使用中要使浏览器产生前进后退的方法,网上比较多的方法有两种:一是采用hash值的方式,这是我们在地图preview版中使用的方法(采用jQuery的history插件);二是使用iframe的方法,目前百度地图、Google地图采用。为使我们以后的mymap方便引用到博客等网页内容中去,并且给地图添加复制链接的方法,我们决定把地图中Ajax在浏览器产生前进后退的方法改变为iframe的方法。
现的机制
主要使用的两个html:index.html,history.html(iframe src地址)。
主要代码参考index.html以及history.html的js部分:
在说说实现的方式
Index.html中代码解释:
wHistory.init();
给body插入iframe跟一个表单(主要用于Safari浏览器、或者其他特殊使用,比如复制地址方面,直接取值input的value即可,不需要处理,而取iframe的src还要进行字符串的处理)
判断是否为Safari浏览器,如果是则特殊处理一下,根据不同的浏览器定义main函数
Callback函数处理返回的信息。
istory.html中代码解释
对框架中的src进行处理,运行父窗口中的函数wHistory.callback();
测试中使用的浏览器:IE6+ ,FF, Opera10 ,Safari4,chrome欢迎大家测试其他版本的浏览器,发现问题及时提出
演示地址:ajax_history_demo
远程下载地址:ajax_history_demo.rar(1.29 KB)
本站下载地址:ajax_history_demo.rar (1.29 KB)


猜你喜欢
- 1.前言开发中,[]byte类型和string类型需要互相转换的场景并不少见,直接的想法是像下面这样进行强制类型转换:a := "
- MySQL 数据表是由行和列构成的,通常把表的“列”称为字段(Field),把表的&
- 作者:samisa 以下文中的翻译名称对照表 : payload: 交谈内容 object: 实例 function: 函数 使用 php来
- 本文实例讲述了Python数据结构之双向链表的定义与使用方法。分享给大家供大家参考,具体如下:和单链表类似,只不过是增加了一个指向前面一个元
- 目录1.一般的模型构造、训练、测试流程2.自定义损失和指标3.使用tf.data构造数据4.样本权重和类权重5.多输入多输出模型6.使用回
- http://serverName/appName/module/action/id/1/这个就是pathinfo模式在不考虑路由的情况下,
- PyQt5 MDI(多文档窗口)QMidArea简介一种同时显示多个窗口的方法是,创建多个独立的窗口,这些独立的窗口被称为SDI(Singl
- 模块:xmllibxmllib 是一个非验证的低级语法分析器。应用程序员使用的 xmllib 可以覆盖 XMLParser 类,并提供处理文
- 如何保证消息不丢失在使用RabbitMQ的时候,我们需要保证消息不能丢失,消息从生产者生产出来一直到消费者消费成功,这条链路是这样的:消息的
- 从Request对象中获取数据我们在第三章讲述View的函数时已经介绍过HttpRequest对象了,但当时并没有讲太多。 让我们回忆下:每
- 先看一段代码<!DOCTYPE html><html lang="en"><head>
- 一、现状Python 有诸多优秀的 Web 开发框架供我们使用,比如Django、Flask、Sanic。正常的情况下,我们基于这些 Web
- window.opener 的用法 window.opener 返回的是创建当前窗口的那个窗口的引用,比如点击了a.htm上的一个链接而打开
- 经纬度坐标转换最常见办法就是调用第三方 API,例如百度、高德地图等服务平台,提供了相应的功能接口,它们的这类技术已经非常成熟啦,准确稳定,
- 在移动社交时代,微信已经成为我们生活不可或缺的一部分。2017年的《微信数据报告》中显示:每天有380亿条消息从微信上发出,其中6亿条是语音
- <%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%> &nbs
- 思路一、想要实现登录豆瓣关键点分析真实post地址 ----寻找它的formdata,如下图,按浏览器的F12可以找到。实战操作实现:模拟登
- 前言最近在研究 pyecharts 的用法,它是 python 的一个可视化工具,然后就想着结合微信来一起玩不多说,直接看效果:
- Bootstrap 轮播(Carousel)插件是一种灵活的响应式的向站点添加滑块的方式。除此之外,内容也是足够灵活的,可以是图像、内嵌框架
- vue+element表格实现多层数据嵌套今天用element的表格渲染了商城的购物车列表,element的表格之前也用到过,它把所有的东西