整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

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

          法1:使用onclick事件

          <input type="button" value="按鈕"
          onclick="javascrtpt:window.location. />
          

          或者直接使用button標簽

          <button onclick="window.location.>百度</button>
          

          方法2:在button標簽外套一個a標簽

          <a >
           <button>百度</button>
          </a>
          

          或使用

          <a ><input type="button" value='百度'></a>
          

          方法3:使用JavaScript函數

          51rgb

          網頁自動跳轉頁面的代碼在很多時候都非常的有用,下面的是兩個簡單的例子。僅供參考。

          方案一,用<meta>里直接寫刷新語句:

          <html>

          <head>

          <meta http-equiv="Content-Language" content="zh-CN">

          <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">

          <meta http-equiv="refresh" content="5;url=http://www.51rgb.com">

          <title>html網頁自動跳轉代碼--西農大網站</title>

          </head>

          <body>

          測試:html網頁自動跳轉代碼<br/>

          你可以在這里寫下你想的一切東西!<br />

          如:西北農林科技大學是一所985、211院校。<br />

          </body></html>

          方案二,用javascript腳本來跳轉

          <html><head>

          <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

          <title>正在進入西農大網站</title>

          </head>

          <body>

          <form name=loading>

          <p align=center> <font color="#0066ff" size="2">正在進入,請稍等</font><font color="#0066ff" size="2" face="Arial">...</font>

          <input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:#0066ff; background-color:#fef4d9; padding:0px; border-style:none;">

          <inputtype=text name=percent size=47 style="color:#0066ff; text-align:center; border-width:medium; border-style:none;">

          <script>

          var bar=0

          var line="||"

          var amount="||"

          count

          function count{

          bar=bar+2

          amount =amount + line

          document.loading.chart.value=amount

          document.loading.percent.value=bar+"%"

          if (bar<99)

          {setTimeout("count",100);}

          else

          {window.location =http://www.51rgb.com;}

          }</script>

          </p>

          </form><p align="center">

          測試:html網頁自動跳轉代碼<br/>

          你可以在這里寫下你想的一切東西!<br />

          如:西北農林科技大學是一所985、211院校。<br /><br />

          如果您的瀏覽器不支持跳轉,<astyle="text-decoration: none" ><font color="#FF0000">請點這里</font></a>.</p>

          </body>

          </html>

          ↓↓↓

          、錨點鏈接的概念

          我們在瀏覽一個網頁的時候,通常會遇到比較長的網頁,一直向下拉滾動條一直向下,而在最底部的位置通常會有一個一鍵返回到頂部

          或者返回到哪里的按鈕,這個按鈕就是利用的 錨點鏈接 功能。

          二、錨點鏈接的語法

          就兩個值:第一個就是錨點下在哪里?第二個就是點在哪里?

          <body>
          
          <!-- 2、跳轉的目標位置:點-->
          
          <a id="test">這里是頂部</a>
          
          <!-- 1、跳轉的按鈕:錨-->
          
          <a href="#test">回到頂部</a>
          
          </body>

          三、錨點的用法實例

          源代碼:↓

          備注:如果手機上看格式錯亂,建議粘貼到電腦版編輯器里觀看。


          主站蜘蛛池模板: 亚洲无人区一区二区三区| 日韩精品一区二区亚洲AV观看 | 黑巨人与欧美精品一区| 精品国产AⅤ一区二区三区4区| 精品无码日韩一区二区三区不卡| 香蕉视频一区二区三区| 中文字幕精品一区二区| 无码囯产精品一区二区免费| 国产精品第一区第27页| 一区二区手机视频| 精品理论片一区二区三区| 亚洲熟妇成人精品一区| 99精品国产高清一区二区麻豆 | 国产99精品一区二区三区免费 | 色一情一乱一伦一区二区三欧美| 亚洲A∨无码一区二区三区| 久久99国产精品一区二区| 国产一区二区女内射| 制服丝袜一区二区三区| 中文字幕在线精品视频入口一区| 免费国产在线精品一区| 日韩少妇无码一区二区三区| 波多野结衣av高清一区二区三区| 国产天堂在线一区二区三区| 福利片免费一区二区三区| 一区二区免费国产在线观看| 人妻无码一区二区视频| 久久无码一区二区三区少妇| 在线精品亚洲一区二区小说| 久久精品亚洲一区二区| 国产91精品一区二区麻豆网站| 在线精品一区二区三区| 天堂一区人妻无码| 国产一区二区三区内射高清| 夜色阁亚洲一区二区三区| 国产免费一区二区三区不卡| 亚洲伦理一区二区| 精品欧洲av无码一区二区| 日韩a无吗一区二区三区| 免费视频精品一区二区| 国产一区二区三区不卡AV|