ajax後退解決方案(五)

2021-05-28 13:45:38 字數 2188 閱讀 3056

五、使用history.pushstate產生歷史,popstate事件處理後退

view source

print

?

01

02<html>

03<head>

04<metacharset="utf-8"/>

05<title>0

06

07<body>

08<inputtype="button"value="加1"onclick="add()"/>

09<divid="info"style="border:red 1px solid;width:200px;padding:10px;">0

10

11

12<scriptsrc="history-0.5.js">

13<script>

14var info = document.getelementbyid('info');

15var i = 1;

16function add() ;

21info.innerhtml = i;

22document.title = i;

23history.push(data);

24i++;

25}

26

27function func(i)

31

pushstate和popstate是html5為history物件新增的方法和事件。雖然可以改變位址列,但卻不能複製位址列的url直接進入該歷史記錄。該系列api知道ie10預覽版尚不支援,firefox/safari/chrome/opera的最新版本均支援。

history-0.5.js

相關:分類:

ajax/sjax

ajax後退解決方案(五)

五 使用history.pushstate產生歷史,popstate事件處理後退 0 0 pushstate和popstate是html5為history物件新增的方法和事件。雖然可以改變位址列,但卻不能複製位址列的url直接進入該歷史記錄。該系列api知道ie10預覽版尚不支援,firefox s...

ajax後退解決方案(二)

二 使用iframe,通過修改iframe.src產生歷史 0 0 較上一篇多了個blank.html,是乙個空html架子,沒有js邏輯 如下 blank.html 每次ajax操作會往iframe.src的問號後附加乙個數字以記錄歷史。點選後退按鈕,iframe的onload事件中獲取ifram...

ajax亂碼解決方案

很多初學ajax的朋友都會遇到ajax亂碼的問題,為什麼會出現ajax亂碼呢?該怎麼解決ajax亂碼的問題呢?我們是不是要看看ajax原理呢?先別急,我們先看看出現ajax亂碼的原因。很簡單,js框架多數是utf 8的,這下明白ajax亂碼出現的原因了吧,那我們如何解決ajax亂碼呢?兩種方法。一 ...