ジャバスクリプト働き

時計の色と大きさをかえてみよう
今日の日付を表示させよう
ボタンでアラートを表示させよう
ボタンで背景の色をかえてみよう
ボタンでリンクさせよう

>このページのコードを見る


     <body>
        <h1>ジャバスクリプト働き</h1>
            <br><a href="http://masumo10.web.fc2.com/ztokei1.html">時計の色と大きさをかえてみよう</a>
            <br><a href="http://masumo10.web.fc2.com/zhizuke.html">今日の日付を表示させよう</a>
            <br><a href="http://masumo10.web.fc2.com/zalert1.html">ボタンでアラートを表示させよう</a>
            <br><a href="http://masumo10.web.fc2.com/zback1.html">ボタンで背景の色をかえてみよう</a>
            <br><a href="http://masumo10.web.fc2.com/zlink1.html">ボタンでリンクさせよう</a>
            
        <SCRIPT LANGUAGE="JavaScript">
    
            function MyLink(){
            alink=document.flink.slink;
            mlink=alink.options[alink.selectedIndex].value;
            blink1="java_hizuke.html";
            blink2="java_back1.html";
            if(mlink!="-" && mlink!=blink1 && mlink!=blink2){
            location.href=mlink; 
            }
            if(mlink==blink1 || mlink==blink2){
            window.open(mlink,"","toolbar=yes,menubar=yes,location=yes,status=yes,scrollbars=yes,resizable=yes");
            }
            }
    
        </SCRIPT>
    <FORM method="post" name="flink">
        <select name="slink">
            <OPTION selected value="-">★　メニュー　★</OPTION> 
            <OPTION value="-">-/OPTION> 
            <OPTION value="http://masumo10.web.fc2.com/ztokei1.html">時計の色と大きさをかえてみよう</OPTION>
            <OPTION value="http://masumo10.web.fc2.com/zhizuke.html">今日の日付を表示させよう</OPTION>
            <OPTION value="http://masumo10.web.fc2.com/zalert1.html">ボタンでアラートを表示させよう</OPTION>
            <OPTION value="http://masumo10.web.fc2.com/zback1.html">ボタンで背景の色をかえてみよう</OPTION>
            <OPTION value="http://masumo10.web.fc2.com/zlink1.html">ボタンでリンクさせよう</OPTION>
            <OPTION value="-">-</OPTION> 
      </select>
       <INPUT type="button" value="GO!" onClick="MyLink()"> 
    </FORM>
    </body>