本篇文章主要的為大家講述了關於html button按鈕標籤的超連結添加的方法,有執行個體還有解釋。接下來就讓我們一起來看看這篇關於html 按鈕button標籤加超連結的文章吧
首先,我們先看看html button標籤是否有超連結:
來看個執行個體
<input type="button" value="註冊" onclick="window.location.href='http://www.php.cn'">
這個效果很明顯,在網頁上顯示一個按鈕,點擊一下就會跳轉到目標連結。所以說button標籤室友超連結的,只不過這不是button標籤的最常用的用法而已。
現在讓我們來看看button標籤添加超連結的解釋:
如果讓本頁轉向新的頁面則用: <input type=button onclick="window.location.href('串連')">
如果需要開啟一個新的頁面進行轉向,則用: <input type=button onclick="window.open('串連')">注意:上面的按鈕加超連結只針對 IE 好用。Firefox和Safari如果想同時好用可以用到以下方法:
<a href="連結"><input type=button onclick="window.location.href('串連')"> </a>
超級連結是一種允許網頁同其他網頁或網站之間進行串連的元素,屬於網頁的一部分。按照使用對象的不同,超級鏈可以分為:文本超連結,映像超連結,E-mail連結,錨點連結,多媒體檔案連結,空連結等。
超連結的目標可以是另一個網頁,也可以是相同網頁上的不同位置,還可以是一個圖片,一個電子郵件地址,一個檔案,甚至是一個應用程式等。而在一個網頁中用來超連結的對象,可以是一段文本或者是一個圖片。當瀏覽者單擊已經連結的文字或圖片後,連結目標將顯示在瀏覽器上,並且根據目標的類型來開啟或運行。
參考代碼:
<a href="連結"><input type=button onclick="window.location.href('超串連地址')"> </a>
代碼說明:onclick 事件會在對象被點擊時發生。
請注意, onclick 與 onmousedown 不同。單擊事件是在同一元素上發生了滑鼠按下事件之後又發生了滑鼠放開事件時才發生的。
window.location.href="跳轉地址"; 表示重新定向到新頁面,同時重新整理開啟的這個頁面;
HTML 按鈕button標籤加超連結的幾種使用方法:
1.頁面轉向新的頁面:
<input type="button" onclick="window.location.href('串連')">
2.需要開啟一個新的頁面進行轉向:
<input type="button" onclick="window.open('串連')">
由於我們用的瀏覽器的核心都不一樣,就像下面兩個一樣,它們的用法也不一樣
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>