javascrip 第二次课

1.首先 注意正确语句的合法性 多练习 要具有创新 举一反三

2.背景颜色的变换

    1>最主要的代码：(页面颜色显示)
                 
              页面显示信息：document.bgcolor=颜色；
             
              代码解析：document文本显示信息;bgcolor 背景颜色;

        
3.例子：
            利用button来实现当前页面对应背景的变换；

            需求分析：
                      1.页面背景变换：document.bgcolor;
                      2.button 控件 那么就需要触发按钮(onclick);
                      3.要选择的颜色，不止一种 那么就需要一个方法实现对应背景颜色的变换；

            代码：
             
             function  ChangeColor('变量')//此处变量的作用是：相当于传递一个值；实现页面多个颜色的改变；

               {
   document.bgcolor=变量；
         }
             <form name="Form">

              <input type="button" value="黄色" width="20" onclick="ChangeColor('yellow')"/>

              <input type="button" value="绿色" width="20" onclick="ChangeColor('green')"/>

              <input type="button" value="蓝色" width="20" onclick="ChangeColor('blue')"/>
            </form>
 
             其他信息：
               <input 输出类型 type="button" 显示类型:此处为按钮 onclick=“触发当前事件”/>

4.利用select 来实现页面背景的变换；
                  1.首先要了解select的用法；
                  2.了解其里面的属性：size 你显示信息的大小，同时也就是说 你里面的值的多少；
                  3.option 即select里面的参数值，实现的方式；
        代码实现：
                  
        <select name="select" size="6" onChange="document.bgColor=this.options[this.selectedIndex].value">

   <option value="blue" selected>蓝色
                 <option value="yellow">黄色
                 <option value="green">绿色
                 <option value="pink">粉红色
                 <option value="cadetblue">灰蓝色
                 <option value="tan">棕色
     <option value="turquoise">青绿色
         
  </select>

           代码解析：<select name="select" 名称为：select  size="6" 默认显示的值为：6个；onchange触发事件；>
                  
                    <option value="值1">值1对应显示的信息
                    <option value="值2">值2对应显示的信息
                    <option value="值3">值3对应显示的信息
                   
                    </select>

如何获取里面的值：this.options[this.selectedindex].value   就是获取options 里面的值；根据索引号来获取相对应的值 this.selectedindex;

             其中，你有没有注意到： selected 属性在option 里面；那就是你当前显示的位置；