← Contents

  STUDY_html_018_D.html

<html>
<meta charset="utf-8">

<script>
function general()
{window.open('018_D_TEST-1.html','');}
</script>

<h1 style="font-size:18px;color:gray;text-align:center;">input type="button" と JavaScript を使用した例</h1>
<hr>
<form>
<input type="button"value="ジャンプするボタン"onClick="general()">
</form>

</html>
<html>
<meta charset="utf-8">

<script> 
function ちぇっくして別ウインドウで開く(url)
{if(document.getElementById("おーぷん").checked)
window.open(url,'_blank');
else parent.frames[name].location.href=url;}
</script>

<h1 style="font-size:18px;color:gray;text-align:center;">input type="checkbox" と JavaScript を使用した例 - 1</h1>
<hr>
<label for="おーぷん">
<input type="checkbox"id="おーぷん">← チェック
</label>
<br>
<input type="button"value="テスト用 018_D_TEST-1"onclick="ちぇっくして別ウインドウで開く('018_D_TEST-1.html')">
<input type="button"value="テスト用 018_D_TEST-2"onclick="ちぇっくして別ウインドウで開く('018_D_TEST-2.html')">

</html>

  sample_STUDY_html_018_D    サンプル・ダウンロード  

トップにもどるボタン