自丟網

 找回密碼
 立即注冊
搜索
打印 上一主題 下一主題

HTML中button標簽點擊實現頁面跳轉的三種方法教程

[復制鏈接]
跳轉到指定樓層
樓主
網站醫生 發表于 2019-7-21 21:18:45 | 查看: 47|回復: 1 | 只看該作者 回帖獎勵 |倒序瀏覽 |閱讀模式
HTML中button標簽點擊實現頁面跳轉的三種方法教程
方法1:使用onclick事件
  1. <input type="button" value="按鈕"
  2. onclick="javascrtpt:window.location.href='http://www.skrujr.live/'" />
復制代碼
或者直接使用button標簽
  1. <button onclick="window.location.href = 'http://www.skrujr.live/'">百度</button>
復制代碼

方法2:在button標簽外套一個a標簽
  1. <a href="http://www.baidu.com/">
  2.     <button>百度</button>
  3. </a>
復制代碼

  或使用
  1. <a href="http://www.skrujr.live/"><input type="button" value='自丟網'></a>
復制代碼

方法3:使用JavaScript函數
  1. <script>
  2. function jump(){
  3. window.location.href="http://www.baidu.com/";
  4. }
  5. </script>
  6. <input type="button" value="百度" onclick=javascrtpt:jump() />
  7. // 或者<input type="button" value="百度" onclick="jump()" />
  8. // 或者<button onclick="jump()">百度</button>
復制代碼

推薦給好友: [復制鏈接]
上一篇:Centos和Redhat的區別與聯系摘要:Centos和Redhat的區別與聯系 CentOS的簡介   CentO ...
下一篇:羅漢魚概述_觀賞熱帶魚百科摘要:羅漢魚概述_觀賞熱帶魚百科 羅漢魚也稱為彩鯛、花羅 ...
樓主熱帖
回復

使用道具 舉報

沙發
178 發表于 昨天 05:06 | 只看該作者
學習了,感謝自丟教程網
回復

使用道具 舉報

網站地圖|百度統計|免責聲明|Archiver|手機版|小黑屋|ZiDiu.Com ( 粵ICP備17166275號 )

GMT+8, 2019-8-21 13:21 , Processed in 0.156250 second(s), 34 queries .

Powered by Discuz!

© Comsenz Inc.

快速回復 返回頂部 返回列表
鸟叔彩金