整合營銷服務商

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

          免費咨詢熱線:

          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一区二区| 国产精品亚洲一区二区无码| 极品人妻少妇一区二区三区 | 国产MD视频一区二区三区| 国产日本亚洲一区二区三区| 亚洲AV无码一区二区三区系列| 久久毛片免费看一区二区三区| 精品女同一区二区三区在线 | 久久亚洲国产精品一区二区| 一区二区三区国模大胆| 波霸影院一区二区| 精品一区二区三区在线观看l | 日韩最新视频一区二区三| 日本一区二区不卡视频| 免费一区二区无码东京热| a级午夜毛片免费一区二区| 欲色影视天天一区二区三区色香欲| 国产在线步兵一区二区三区| 国产精品美女一区二区 | 亚洲线精品一区二区三区影音先锋 | 韩国精品福利一区二区三区| 国产对白精品刺激一区二区| 久久国产免费一区二区三区| 久久精品视频一区| 一区二区国产在线观看| 国产一区二区好的精华液| 精品国产免费一区二区| 波多野结衣一区二区免费视频| 国产成人精品视频一区| 一区二区三区在线免费观看视频| 日本一区二区在线不卡| 国精品无码一区二区三区在线蜜臀| 日韩人妻无码一区二区三区 |