0
  • 聊天消息
  • 系統(tǒng)消息
  • 評(píng)論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

怎么創(chuàng)建HTML后退按鈕?

h1654155282.3538 ? 來源:老虎機(jī)之星 ? 作者:老虎機(jī)之星 ? 2021-06-06 09:46 ? 次閱讀

您可以向網(wǎng)頁添加后退按鈕。當(dāng)您頁面的訪問者單擊該按鈕時(shí),他們將被帶到他們?cè)L問的最后一個(gè)頁面,就好像他們單擊了瀏覽器中的后退按鈕一樣。

您可以通過編輯頁面的HTML并添加一些JavaScript來完成此操作。

注意

如果用戶沒有瀏覽歷史,這些按鈕將不起作用。例如,如果用戶在新的瀏覽器選項(xiàng)卡或窗口中打開您的頁面,則單擊該按鈕時(shí)不會(huì)發(fā)生任何事情。

使用history.back

在Web瀏覽器中,內(nèi)置的JavaScript對(duì)象窗口有一個(gè)名為history的對(duì)象,其中包含用戶在其當(dāng)前瀏覽器窗口中訪問過的URL。您可以使用history.back()方法告訴瀏覽器返回到用戶的上一頁。

使用此JavaScript的一種方法是將其添加到按鈕的onclick事件屬性中。在這里,我們使用《form》元素創(chuàng)建按鈕,其中包含按鈕類型的《input》元素。

將以下HTML插入到您的網(wǎng)頁中:

結(jié)果看起來像下面的按鈕。如果單擊它,您將返回歷史記錄中的上一頁。

使用history.go

history.go()方法告訴瀏覽器轉(zhuǎn)到用戶瀏覽歷史記錄中的特定頁面。您可以通過在括號(hào)內(nèi)放置一個(gè)數(shù)字來指定哪個(gè)歷史項(xiàng)目。對(duì)于計(jì)算機(jī)編程,這稱為參數(shù)。

如果您指定數(shù)字-1作為參數(shù),瀏覽器將返回瀏覽器歷史記錄中的一頁。這是與上面相同的代碼,使用history.go(-1)而不是history.back()。


責(zé)任編輯人:CC

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請(qǐng)聯(lián)系本站處理。 舉報(bào)投訴
  • 瀏覽器
    +關(guān)注

    關(guān)注

    1

    文章

    1025

    瀏覽量

    35358
  • HTML
    +關(guān)注

    關(guān)注

    0

    文章

    278

    瀏覽量

    35366
收藏 人收藏

    評(píng)論

    相關(guān)推薦

    46.【HTML】046 表單 普通按鈕

    HTML
    充八萬
    發(fā)布于 :2023年07月19日 12:30:48

    怎么根據(jù)條件讓程序自己創(chuàng)建不同的按鈕

    RT,事先設(shè)定好4個(gè)不同樣子的按鈕:1,2,3,4;讓程序根據(jù)運(yùn)算出來的條件選擇其中的一個(gè)來創(chuàng)建出一個(gè)按鈕。
    發(fā)表于 01-25 20:54

    怎么使用示例HTML按鈕

    我想讓我的網(wǎng)頁使用HTML按鈕打開服務(wù)器板上的燈等。我可以使用演示網(wǎng)頁來很好地操縱XML、Java和HTML,我看到服務(wù)器板上的按鈕是如何在網(wǎng)頁上查看的,但我想轉(zhuǎn)到另一個(gè)方向。我已經(jīng)做
    發(fā)表于 04-17 10:00

    GUIBuilder怎么創(chuàng)建圓形的按鈕

    GUIBuilder怎么創(chuàng)建圓形的按鈕 因?yàn)槔蠋熼L方形的太單調(diào)了,不知道誰知道怎么創(chuàng)建?教我一下萬分感謝!
    發(fā)表于 05-21 04:35

    LabVIEW的布爾按鈕創(chuàng)建屬性節(jié)點(diǎn)值為什么帶變體?

    LabVIEW的布爾按鈕創(chuàng)建屬性節(jié)點(diǎn)值為什么帶變體?可以設(shè)置成不帶變體的值嗎
    發(fā)表于 11-02 16:39

    MAKE_EmbAJAXPage創(chuàng)建html代碼是靜態(tài)的嗎?

    你好!因此,創(chuàng)建一些 AJAX HTML 控件并不是什么神秘的魔法,但您是否曾經(jīng)希望不必?fù)?dān)心來回同步數(shù)據(jù)的所有小細(xì)節(jié)?我知道我有,所以我決定創(chuàng)建一個(gè)庫來簡化創(chuàng)建基本的 Web 控件/顯
    發(fā)表于 02-28 09:01

    HTML,HTML標(biāo)準(zhǔn)有哪些?

    HTML,HTML標(biāo)準(zhǔn)有哪些? HTML是一種用來網(wǎng)頁制作的簡單標(biāo)記語言。但它并不是一種程序語言,它只是一種排版網(wǎng)頁中資料顯示的結(jié)構(gòu)語
    發(fā)表于 03-22 10:29 ?1206次閱讀

    動(dòng)態(tài)HTML,什么是動(dòng)態(tài)HTML

    動(dòng)態(tài)HTML,什么是動(dòng)態(tài)HTML 動(dòng)態(tài)超文本標(biāo)記語言 (DHTML) 大大降低的網(wǎng)絡(luò)和服務(wù)器負(fù)載動(dòng)態(tài) HTML 添加到 HTML 演示語言豐富、 更加吸引人用戶
    發(fā)表于 03-22 10:35 ?2926次閱讀

    OrCAD中創(chuàng)建總線及用法詳解

    OrCAD中創(chuàng)建總線及用法詳解,如何創(chuàng)建總線,菜單place->bus或者右側(cè)快捷按鈕
    發(fā)表于 12-02 10:18 ?2.6w次閱讀

    幾款實(shí)用的HTML5/CSS3應(yīng)用

    5技術(shù)的文字像素爆炸重組動(dòng)畫特效,我們可以在輸入框中指定任意文字,點(diǎn)擊確定按鈕后,就會(huì)將原先的文字爆炸散去,新的文字以像素點(diǎn)的形式組合起來,看起來非常棒。 在線演示 / 源碼下載 2、HTML5/CSS3超酷焦點(diǎn)圖特效 帶前后翻頁按鈕
    發(fā)表于 09-26 17:04 ?2次下載
    幾款實(shí)用的<b class='flag-5'>HTML</b>5/CSS3應(yīng)用

    HTML DOM prompt()方法使用

    對(duì)話框中顯示的純文本(而不是 HTML 式的文本)。 defaultText 可選。默認(rèn)的輸入文本。 說明 如果用戶單擊提示框的取消按鈕,則返回 null。如果用戶單擊確認(rèn)按鈕,則返回輸入字段當(dāng)前顯示的文本。
    發(fā)表于 11-28 15:06 ?4656次閱讀
    <b class='flag-5'>HTML</b> DOM prompt()方法使用

    怎樣使用HTML創(chuàng)建免費(fèi)網(wǎng)站

    。為了使您的網(wǎng)站正常運(yùn)行,我們將使用webs.com來獲取我們的子域。創(chuàng)建一個(gè)Web帳戶。您的用戶名將成為網(wǎng)站的標(biāo)題,因此請(qǐng)采取相應(yīng)措施。轉(zhuǎn)到帳戶創(chuàng)建者的模板部分時(shí),單擊使用高級(jí)HTML模板。
    的頭像 發(fā)表于 12-11 15:52 ?4396次閱讀
    怎樣使用<b class='flag-5'>HTML</b><b class='flag-5'>創(chuàng)建</b>免費(fèi)網(wǎng)站

    HTML5是什么 HTML5有什么好處

    HTML5是什么?要回答這個(gè)問題,咱們需求先了解一下HTML是什么。HTML的英文全稱為HyperTextMarkupLanguage,即超文本標(biāo)記言語。
    的頭像 發(fā)表于 07-26 14:29 ?2785次閱讀

    使用HTML和JavaScript設(shè)計(jì)指示器按鈕

    電子發(fā)燒友網(wǎng)站提供《使用HTML和JavaScript設(shè)計(jì)指示器按鈕.zip》資料免費(fèi)下載
    發(fā)表于 12-13 14:20 ?0次下載
    使用<b class='flag-5'>HTML</b>和JavaScript設(shè)計(jì)指示器<b class='flag-5'>按鈕</b>

    創(chuàng)建一個(gè)帶有按鈕的簡單項(xiàng)目

    電子發(fā)燒友網(wǎng)站提供《創(chuàng)建一個(gè)帶有按鈕的簡單項(xiàng)目.zip》資料免費(fèi)下載
    發(fā)表于 06-30 10:08 ?0次下載
    <b class='flag-5'>創(chuàng)建</b>一個(gè)帶有<b class='flag-5'>按鈕</b>的簡單項(xiàng)目