ボタンでリンクするU


 
このスクリプトはHTMLで作成するボタンをリンクに使用するサンプルです。。

 


 
〜 JavaScript 〜

<SCRIPT language="JavaScript">
<!--

function linkbutton(url){
    window.location.href=url;
}

//-->
</SCRIPT>


〜 HTML 〜

<form>
    <input type="button" value="トップページへジャンプ" onClick="linkbutton('http://www.site-cooler.com/')">
    <input type="button" value="Yahoo Japanへジャンプ" onClick="linkbutton('http://www.yahoo.co.jp/')">
</form>


 
  • window.locationオブジェクトのhrefプロパティは参照すると現在のURLを返しますが、hrefプロパティへURLを代入するとそのページへジャンプすることが出来ます。
    この例は関数で引数を取得してそのサイトへジャンプします。

    window.location.href=url;

  • クリックイベントで関数へジャンプしたいURLを渡して呼び出します。

    <input type="button" value="トップページへジャンプ" onClick="linkbutton('http://www.site-cooler.com/')">




《 INDEX 》    《 HOME 》   

Copyright (C) 2000-2004 Knave
http://www.site-cooler.com/