HTML button標籤是否有超連結?這有button標籤設定超連結的實例

寻∝梦
發布: 2018-08-30 17:16:28
原創
4052 人瀏覽過

本篇文章主要的為大家講述了關於html button按鈕標籤的超連結新增的方法,有實例還有解釋。接下來就讓我們一起來看看這篇關於html 按鈕button標籤加上超連結的文章吧

##首先,我們先看看html button標籤是否有超連結:

來看個實例

<input type="button" value="注册" onclick="window.location.href=&#39;http://www.php.cn&#39;">
登入後複製

這個效果很明顯,在網頁上顯示一個按鈕,點擊一下就會跳到目標連結。所以說button標籤室友超連結的,只不過這不是button標籤的最常用的用法而已。

現在讓我們來看看button標籤新增超連結的解釋:

#如果讓本頁轉向新的頁面則用:  

如果需要開啟新的頁面進行轉向,則使用: 注意:上面的按鈕加超連結只針對IE 好用。火狐和Safari如果想同時好用可以用到以下方法:

<a href="链接"><input type=button onclick="window.location.href(&#39;连接&#39;)"> </a>
登入後複製

超級連結是一種允許網頁同其他網頁或網站之間進行連接的元素,屬於網頁的一部分。按照使用物件的不同,超級鏈可以分為:文字超鏈接,圖像超鏈接,E-mail鏈接,錨點鏈接,多媒體文件鏈接,空鏈接等。

超連結的目標可以是另一個網頁,也可以是相同網頁上的不同位置,還可以是一個圖片,一個電子郵件地址,一個文件,甚至是一個應用程式等。而在一個網頁中用來超連結的對象,可以是一段文字或是圖片。當瀏覽者點擊已經連結的文字或圖片後,連結目標將顯示在瀏覽器上,並且根據目標的類型來開啟或運行。

參考程式碼:

<a href="链接">
<input type=button onclick="window.location.href(&#39;超连接地址&#39;)"> 
</a>
登入後複製

程式碼說明:onclick 事件會在物件被點擊時發生。

請注意, onclick 與 onmousedown 不同。單擊事件是在同一元素上發生了滑鼠按下事件之後又發生了滑鼠放開事件時才發生的。

window.location.href="跳轉位址"; 表示重新導向到新頁面,同時刷新開啟的這個頁面;

HTML 按鈕button標籤加超連結的幾種使用方法:

1.頁面轉向新的頁面:

<input type="button" onclick="window.location.href(&#39;连接&#39;)">
登入後複製

2.需要開啟新的頁面進行轉向:

<input type="button" onclick="window.open(&#39;连接&#39;)">
登入後複製

由於我們使用的瀏覽器的核心都不一樣,就像下面兩個一樣,它們的用法也不一樣

##3.IE中使用:

<input type="button" name="test" value="test" onClick="location.href=&#39;a.html&#39;"/>
登入後複製

4.firefox中使用:

<a href="b.html"><input type="button" name="test" value="test"/></a>
登入後複製
#【小編推薦】

html p標籤是單標籤嗎? html p標籤的使用方法介紹(內附實例)


input表單如何製作多行文字輸入框?一篇文章教你學會使用input標籤

以上是HTML button標籤是否有超連結?這有button標籤設定超連結的實例的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板