首頁 > web前端 > js教程 > 主體

頁面跳轉小結詳解

小云云
發布: 2018-02-22 13:10:24
原創
1226 人瀏覽過

本文主要和大家分享頁面跳轉小結詳解,希望能幫助大家更掌握頁面跳躍知識。

HTML標籤

一般形式上可以用<a></a><button></button><input/>

<a href="链接">GO</a>
<button onclick="window.location.href=&#39;链接&#39;">GO</button>
<input type="button" value="GO" onclick="location.href=&#39;链接&#39;">
登入後複製

JS跳轉頁碼

本頁跳轉

window.location.href = '链接';
window.location = '链接';
location.href = '链接';
location = '链接';
top.location = '链接';
登入後複製

新頁跳轉

window.open('链接');
open('链接');
登入後複製

或在HTML標籤中加入target="_blank":

<a href="链接" target="_blank">GO</a>
登入後複製

歷史跳躍

<a href="history.go(-1)">返回上一步</a>
<a href="window.history.back()">返回上一步</a>
登入後複製

相關推薦:

#微信小程式頁面跳轉事件綁定實例詳解

Router解決跨模組下的頁面跳躍

微信小程點擊文字實作頁面跳轉功能的方法

以上是頁面跳轉小結詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!