zoukankan      html  css  js  c++  java
  • js swith case

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>范例 5-4</title>
    </head>
    <body>
    <script language="javascript">
        var who = "Bob";                // 当前来人是Bob
        switch( who )                   // 使用开头语句,控制对每个人的问候,以致于不问错对象
        {
            case "Bob":
                alert( "Hello," + who );
                break;
            case "Jim":
                alert( "Hello," + who );
                break;
            case "Tom":
                alert( "Hello," + who );
                break;
            default:
                alert( "Nobody~!");
        }
    </script>
    </body>
    </html>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>范例 5-5</title>
    </head>
    <body id="PageBody" style="background:red"><!--设定body节点的ID,以便在JavaScript代码中操作-->
    <script language="javascript">
    function ChangeBgColor( colorIndex )
    {
        var dombody = document.getElementById( "PageBody" );   // 获取body节点
        if( dombody == null )                                   // 如果没有body节点将直接返回
        {
            return;
        }
        else                                                    // body节点成功获取
        {
            switch( colorIndex )                        // 使用多路开关语句根据菜单传入的值更改网页背景
            {
            case 1:
                dombody.style.background = "#666666";   // 通过设定style元素的background属性以改变背景
                break;
            case 2:
                dombody.style.background = "#003333";
                break;
            case 3:
                dombody.style.background = "#ccccff";
                break;
            case 4:
                dombody.style.background = "#6699cc";
                break;
            default:
                dombody.style.background = "white";     // 
                break;
             }
        }
    } 
    </script>
    <!--各颜色菜单,用户点击菜单时,背景颜色将变为与菜单相同的颜色-->
        <div style=" 100px; height: 20px; text-align:center; background-color: #666666;" onclick="return ChangeBgColor( 1 )">
        </div>
        <div style=" 100px; height: 20px; text-align:center; background-color: #003333;" onclick="return ChangeBgColor( 2 )">
        </div>
        <div style=" 100px; height: 20px; text-align:center; background-color: #ccccff;" onclick="return ChangeBgColor( 3 )">
        </div>
        <div style=" 100px; height: 20px; text-align:center; background-color: #6699cc;" onclick="return ChangeBgColor( 4 )">
        </div>
    </body>
    </html>
  • 相关阅读:
    IDEA 的默认tomcat日志位置以及默认编译后的classes位置
    在linux环境下tomcat 指定 jdk或jre版本
    在Linux环境如何在不解压情况下搜索多个zip包中匹配的字符串内容
    说一下最近找的工作所遇到的一个巨坑,跟各位同行分享一下。(与技术无关)
    Jmeter 深入性能测试进阶-01
    英语
    python 01
    fiddler,ADB, Monkey
    http 协议,SSL证书,http头信息,tcp/http区别,支付功能测试
    扎马步-计算机网络和系统基础知识
  • 原文地址:https://www.cnblogs.com/huodaihao/p/7327520.html
Copyright © 2011-2022 走看看