您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關(guān)HTML中button標簽如何設(shè)置超鏈接的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考。一起跟隨小編過來看看吧。
首先,我們先看看html button標簽是否有超鏈接:
來看個實例
<input type="button" value="注冊" onclick="window.location.href='http://www.php.cn'">
這個效果很明顯,在網(wǎng)頁上顯示一個按鈕,點擊一下就會跳轉(zhuǎn)到目標鏈接。所以說button標簽室友超鏈接的,只不過這不是button標簽的最常用的用法而已。
現(xiàn)在讓我們來看看button標簽添加超鏈接的解釋:
如果讓本頁轉(zhuǎn)向新的頁面則用: <input type=button onclick="window.location.href('連接')">
如果需要打開一個新的頁面進行轉(zhuǎn)向,則用: <input type=button onclick="window.open('連接')">注意:上面的按鈕加超鏈接只針對 IE 好用。火狐和Safari如果想同時好用可以用到以下方法:
<a href="鏈接"><input type=button onclick="window.location.href('連接')"> </a>
超級鏈接是一種允許網(wǎng)頁同其他網(wǎng)頁或站點之間進行連接的元素,屬于網(wǎng)頁的一部分。按照使用對象的不同,超級鏈可以分為:文本超鏈接,圖像超鏈接,E-mail鏈接,錨點鏈接,多媒體文件鏈接,空鏈接等。
超鏈接的目標可以是另一個網(wǎng)頁,也可以是相同網(wǎng)頁上的不同位置,還可以是一個圖片,一個電子郵件地址,一個文件,甚至是一個應(yīng)用程序等。而在一個網(wǎng)頁中用來超鏈接的對象,可以是一段文本或者是一個圖片。當瀏覽者單擊已經(jīng)鏈接的文字或圖片后,鏈接目標將顯示在瀏覽器上,并且根據(jù)目標的類型來打開或運行。
參考代碼:
<a href="鏈接"> <input type=button onclick="window.location.href('超連接地址')"> </a>
代碼說明:onclick 事件會在對象被點擊時發(fā)生。
請注意, onclick 與 onmousedown 不同。單擊事件是在同一元素上發(fā)生了鼠標按下事件之后又發(fā)生了鼠標放開事件時才發(fā)生的。
window.location.href="跳轉(zhuǎn)地址"; 表示重新定向到新頁面,同時刷新打開的這個頁面;
HTML 按鈕button標簽加超鏈接的幾種使用方法:
1.頁面轉(zhuǎn)向新的頁面:
<input type="button" onclick="window.location.href('連接')">
2.需要打開一個新的頁面進行轉(zhuǎn)向:
<input type="button" onclick="window.open('連接')">
由于我們用的瀏覽器的內(nèi)核都不一樣,就像下面兩個一樣,它們的用法也不一樣
3.IE中使用:
<input type="button" name="test" value="test" onClick="location.href='a.html'"/>
4.firefox中使用:
<a href="b.html"><input type="button" name="test" value="test"/></a>
感謝各位的閱讀!關(guān)于HTML中button標簽如何設(shè)置超鏈接就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。