整合營銷服務商

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

          免費咨詢熱線:

          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>

          三、錨點的用法實例

          源代碼:↓

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


          主站蜘蛛池模板: 国产一区二区福利久久| 无码乱人伦一区二区亚洲| 久久99精品波多结衣一区| 成人区精品一区二区不卡亚洲| 国产精品一区二区三区久久| 色欲精品国产一区二区三区AV| 动漫精品专区一区二区三区不卡| 国产精品视频一区二区三区| 国产韩国精品一区二区三区| 大香伊人久久精品一区二区| 精品亚洲一区二区| 国产一区二区三区精品久久呦| 在线中文字幕一区| 中文字幕日本精品一区二区三区| 国产精品揄拍一区二区久久| 国产麻豆精品一区二区三区v视界| 国产一区二区三区国产精品| 精品女同一区二区三区免费站| 综合人妻久久一区二区精品| 日韩在线视频一区| 精品女同一区二区三区免费站 | 亚洲国产综合精品中文第一区| 精品一区二区三区免费毛片 | 无码精品人妻一区二区三区免费| 无码国产精品一区二区免费虚拟VR | 亚洲sm另类一区二区三区| 日韩欧国产精品一区综合无码| 人妻无码一区二区三区| 丰满爆乳无码一区二区三区| 亚洲综合无码一区二区三区| 国产AV午夜精品一区二区三区| 精品国产一区二区三区AV性色| 日本精品夜色视频一区二区 | 亚洲午夜福利AV一区二区无码| 一区二区三区精品高清视频免费在线播放| 一本久久精品一区二区| 亚洲福利一区二区精品秒拍| 日韩人妻精品无码一区二区三区| 国精品无码一区二区三区在线| 果冻传媒董小宛一区二区| 真实国产乱子伦精品一区二区三区 |