Javascript/js:history.go()和history.back()的用法和區(qū)別
簡單的說就是：go(-1): 返回上一頁，原頁面表單中的內(nèi)容會丟失；back(): 返回上一頁，原頁表表單中的內(nèi)容會保留。
history.go(-1):后退+刷新
history.back():后退
之所以注意到這個區(qū)別，是因為不同的瀏覽器的后退行為也是有區(qū)別的，而區(qū)別就跟Javascript:history.go()和history.back()的區(qū)別類似。
chrome和ff瀏覽器后退頁面，會刷新后退的頁面，若有數(shù)據(jù)請求也會提交數(shù)據(jù)申請。類似于
history.go(-1)
而safari（包括桌面版和ipad版本）的后退按鈕則不會刷新頁面，也不會提交數(shù)據(jù)申請。類似于
Javascript:history.back()。
<a href="javascript:history.go(-1);"></a>
這種寫法比較推薦，但是還有點兼容性問題，部分瀏覽器需要在后面加上 return false;
javascript中 history.go back的總結(jié)（親測）
測試程序Demo
form.html 表單頁面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<form action="action.html" >
<input type="text" name="" value="" placeholder="">
<input type="submit" name="" value="提交">
</form>
<script>
alert("");
</script>
</body>
</html>
action.html頁面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<input type="button" name="" value="返回go" onclick="history.go(-1);">
<input type="button" name="" value="返回back" onclick="history.back(-1);">
</body>
</html>
我會首先上圖，然后總結(jié)。。。
form.html 點擊提交
action.html
點擊go
點擊back
go和back都會刷新，因為只有頁面刷新script腳本才會重新執(zhí)行alert，但是表單內(nèi)容都還在啊，并不是有的人說的不在
區(qū)別在于
back(n) n參數(shù)不管是多少，都是返回上一頁，比如不會是-2就返回到上上頁，也不會是2 就前進2頁
go(n) n就直接決定進入那個頁面
如對本文有疑問，請?zhí)峤坏浇涣髡搲?，廣大熱心網(wǎng)友會為你解答?。?點擊進入論壇
