Aタグ以外でもリンクを設置する機会は、結構発生します。 そんな時はJavaScriptで対応になります。
JSとjQueryのそれぞれの使用例を記載しました。
通常のリンク遷移 (ブラウザ履歴に残る)
window.location.href = 'URL'; 新しいタブを開き、ページを表示
window.open('URL', '_blank'); フレームやアイフレームの内側からフレームを解除してリンクします
top.location.href="URL";親フレームだけ解除してリンクします
parent.location.href="URL";replaceで対応するとブラウザ履歴に残りません
location.replace('URL');以下は同じURL上でサイト内でのリンクを変更するサンプルです
URLに#で記述されるハッシュ情報をリンクさせます
window.location.hash = "#hash_word";URLに?以降で記述されるクエリ情報のみを変えてリンクさせます
window.location.search = "?search=keyword"以下はjQueryを使ったリンクを貼る時の例
$(function(){
//追加した要素までクリックが有効
$('#link_1').on('click',function(){
window.location.href = 'URL';
});
//表示された要素だけクリックが有効
$('#link_1').click(function() {
window.location.href = 'URL';
});
});<div id="link_1" class="btn">サンプルボタン</div>サンプルボタン
以下はJavaScriptのみでのリンクの例
function link_2(){
location.href = "http://www.kipure.com/";
}<input type="button" name="link" value="サンプルボタン２" onclick="link_2()">onclick は、使われそうなタグには大体対応している属性です。
実装可能な主なタグ(a div li h1-6 img p)。
ついでですが、アラートを出してリンクを貼る時は以下の記述が便利です。
function link(){
if (confirm("リンク先へ遷移しますか？")==true)
location.href = "http://www.kipure.com/";
}
