五、使用history.pushstate產生歷史,popstate事件處理後退
view source
?
01
02
<
html
>
03
<
head
>
04
<
meta
charset
=
"utf-8"
/>
05
<
title
>0
06
07
<
body
>
08
<
input
type
=
"button"
value
=
"加1"
onclick
=
"add()"
/>
09
<
div
id
=
"info"
style
=
"border:red 1px solid;width:200px;padding:10px;"
>0
10
11
12
<
script
src
=
"history-0.5.js"
>
13
<
script
>
14
var info = document.getelementbyid('info');
15
var i = 1;
16
function add() ;
21
info.innerhtml = i;
22
document.title = i;
23
history.push(data);
24
i++;
25
}
26
27
function 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亂碼呢?兩種方法。一 ...