站長資訊網
        最全最豐富的資訊網站

        html5怎樣設置button按鈕跳轉頁面

        方法:1、利用“<button onclick="window.location.href=跳轉地址">”語句設置;2、利用“<a href=跳轉地址><button>按鈕</button></a>”語句用a標簽包裹button元素設置。

        html5怎樣設置button按鈕跳轉頁面

        本教程操作環境:windows10系統、HTML5版、Dell G3電腦。

        html5怎樣設置button按鈕跳轉頁面

        1、利用onclick點擊事件和window.location.href屬性給按鈕元素添加點擊事件進行跳轉頁面。

        語法如下:

        <button onclick="window.location.href=跳轉地址">按鈕</button>

        示例如下:

        <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <meta http-equiv="X-UA-Compatible" content="ie=edge">     <title>Document</title> </head> <body> <button onclick="window.location.href='https://www.baidu.com/'">按鈕</button> </body> </html>

        輸出結果:

        html5怎樣設置button按鈕跳轉頁面

        2、利用a標簽將button元素包裹起來,利用a標簽的href屬性設置跳轉地址即可。

        示例如下:

        <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <meta http-equiv="X-UA-Compatible" content="ie=edge">     <title>Document</title> </head> <body> <a href="https://www.baidu.com/"><button>按鈕</button></a> </body> </html>

        輸出結果與上述結果相同。

        推薦教程:《html視頻教程》

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 99R在线精品视频在线播放| 久久久国产精品| 国产免费伦精品一区二区三区| 亚洲av无码国产精品夜色午夜| 国产精品久久久久乳精品爆| 精品国产VA久久久久久久冰 | 嫖妓丰满肥熟妇在线精品| 国产精品婷婷午夜在线观看| 国产精品臀控福利在线观看| 久久久久99精品成人片欧美| 日本精品一区二区三区在线视频| 97精品国产高清自在线看超 | 8x福利精品第一导航| 欧产日产国产精品精品| 亚洲精品国产V片在线观看| 国产在线国偷精品免费看| 五月花精品视频在线观看| 国产精品999| 97精品伊人久久大香线蕉app| 国产精品一区二区av| 精品黑人一区二区三区| 四虎国产成人永久精品免费| 亚洲精品狼友在线播放| 亚洲精品NV久久久久久久久久| 久久精品成人免费国产片小草| 国产精品 综合 第五页| 国产成人毛片亚洲精品| 99久久精品无码一区二区毛片| 91午夜精品亚洲一区二区三区 | 免费人欧美日韩在线精品| 国产精品无码素人福利不卡| 99国产精品私拍pans大尺度| 99久久精品这里只有精品| 国产精品午夜一级毛片密呀 | 亚洲第一区精品观看| 在线亚洲精品自拍| 亚洲国模精品一区| 亚洲国产精品无码专区影院| 久久久久久久久无码精品亚洲日韩 | 99精品一区二区三区无码吞精| 3D动漫精品一区二区三区|