• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    js 如何實現返回上一頁,并刷新頁面

    html+js

    代碼編纂器:Dreamweaver CS5

    方式/步調

    1. 1

      新建一個html文件,定名為test.html,用于講解js若何實現返回上一頁,并刷新頁面。

      a5c27d1ed21b0ef47daaf222d2c451da81cb3e0f.jpg
    2. 2

      在test.html文件內,利用a標簽建立一個鏈接,鏈接的地址是test2.html頁面。

      fcfaaf51f3deb48fa869cba2ff1f3a292df5784d.jpg
    3. 3

      再新建一個html文件,定名為test2.html,用于實現返回上一頁,即返回test.html頁面。

      7c1ed21b0ef41bd5ca1182885eda81cb39db3d0f.jpg
    4. 4

      在test2.html文件內,利用a標簽建立一個鏈接,跳轉的地址設置為“#”(href="#"),同時給該鏈接綁心猿意馬onclick點擊事務。

      3c6d55fbb2fb4316a49a10062fa4462308f7d3c1.jpg
    5. 5

      在test2.html文件內,將onclick事務綁心猿意馬backurl()函數,即當鏈接被點擊時,執行backurl()函數。

      54fbb2fb43166d2285f27fe8492309f79152d2c1.jpg
    6. 6

      在test2.html文件的js標簽內,建立backurl()函數,在函數內,利用document.referrer獲得上一個頁面的地址,再經由過程self.location跳轉至上一個頁面。

      2cf5e0fe9925bc31705d6be451df8db1cb13704d.jpg
    7. 7

      在瀏覽器打開test.html文件,查看實現的結果。

      42166d224f4a20a48a9b56bb9f529822730ed0c1.jpg 38dbb6fd5266d016665bf454982bd40735fa350f.jpg
    • 發表于 2019-11-21 17:02
    • 閱讀 ( 836 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    admin
    admin

    0 篇文章

    作家榜 ?

    1. xiaonan123 189 文章
    2. 湯依妹兒 97 文章
    3. luogf229 46 文章
    4. jy02406749 45 文章
    5. 小凡 34 文章
    6. Daisy萌 32 文章
    7. 我的QQ3117863681 24 文章
    8. 華志健 23 文章

    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆