test.htm

来自「有关JAVASCRIPT的源代码教程」· HTM 代码 · 共 37 行

HTM
37 行
字号 
    <html><head><title>练习11-6参考答案</title></head>
    <script language="JavaScript">
    <!--
        var imgvehicle=new Array(5);
        for(var i=0; i<5; i++){
           imgvehicle[i]=new Image();
           imgvehicle[i].src="vehicle"+i+".jpg";
        }        
        function imgChange(f){
           for (var i = 0; i < f.myradio.length;i++){
              if(f.myradio[i].checked){
                 f.mypic.src=imgvehicle[i].src;
                 break;
               }
            }
        }
        
    //   -->
    </script>
    <body bgcolor="lightblue">
    <h2>交通工具展示</h2><br>
    请选择交通工具：<br>
    <form>
    <input type="radio" name="myradio" value="汽车" checked onclick="imgChange(this.form);">汽车 <br>
    <input type="radio" name="myradio" value="火车" onclick="imgChange(this.form);">火车<br>
    <input type="radio" name="myradio" value="飞机" onclick="imgChange(this.form);">飞机 <br>
    <input type="radio" name="myradio" value="自行车" onclick="imgChange(this.form);">自行车 <br>
    <input type="radio" name="myradio" value="轮船" onclick="imgChange(this.form);">轮船<br>
    <img name="mypic" src="vehicle0.jpg" align="left" alt="飞机" border=2  
         hspace="10"width="300" height="240" ><br>     

    
    
    </form>
    </body>
    </html>

test.htm - 源码说明

本页面展示了「有关JAVASCRIPT的源代码教程」中的 test.htm 源码文件，采用 HTM 编程语言编写，共 37 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫开发者社区收录了大量与JavaScript相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?