頁面跳轉的概括

前端工做有不少地方須要頁面跳轉,有不少種實現方法,這裏作一下概括。html

HTML標籤

通常形式上能夠用<a></a><button></button><input/>前端

<a href="連接">GO</a>
<button onclick="window.location.href='連接'">GO</button>
<input type="button" value="GO" onclick="location.href='連接'">

JS跳轉頁面代碼

本頁跳轉

window.location.href = '連接';
window.location = '連接';
location.href = '連接';
location = '連接';
top.location = '連接';

新頁跳轉

window.open('連接');
open('連接');

或者在HTML標籤中添加target="_blank":code

<a href="連接" target="_blank">GO</a>

歷史跳轉

<a href="history.go(-1)">返回上一步</a>
<a href="window.history.back()">返回上一步</a>
相關文章
相關標籤/搜索