今天完成的事情

看w3c上js教程函数，元素符，If...Else 语句，Switch 语句，For 循环，While 循环

明天计划的事情

看基础知识，查找与任务一相关的知识点

遇到的问题

for循环还不是很能理解

看w3c自己不会举例敲代码进行验证

收获

1.三种逻辑运算符

&&  and (x < 10 && y > 1) 为 true

||      or (x==5 || y==5) 为 false

!       not !(x==y) 为 true

2.条件运算符

greeting=(visitor=="PRES")?"Dear President ":"Dear ";

如果变量 visitor 中的值是 "PRES"，则向变量 greeting 赋值 "Dear President "，否则赋值 "Dear"。

3.if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码

   if...else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码

   if...else if....else 语句 - 使用该语句来选择多个代码块之一来执行

4. switch 语句 - 使用该语句来选择多个代码块之一来执行

switch(n)

{

case 1:

  执行代码块 1

  break;

case 2:

  执行代码块 2

  break;

default:

  n 与 case 1 和 case 2 不同时执行的代码

}

首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配，则与该 case 关联的代码块会被执行。使用 break 来阻止代码自动地向下一个 case 运行，使用 default 关键词来规定匹配不存在时做的事情

5.For 循环

语法：for (语句 1; 语句 2; 语句 3)

  {

  被执行的代码块

  }

<script>

cars=["BMW","Volvo","Saab","Ford"];

for (var i=0;i<cars.length;i++)

{

document.write(cars[i] + "<br>");

}

</script>

 i++,第一次不加，第二次才开始加；++i，一开始就先加

6.While 循环会在指定条件为真时循环执行代码块。进入死循环，所以要增加条件中所用变量的值

7.DOM:当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。HTML DOM 模型被构造为对象的树。

查找 HTML 元素document.getElementById(）

                         document.getElementsByClassName（）

                         document.getElementsByTagName()

                         document.querySelector()

改变 HTML 属性：document.getElementById(id).attribute=new value

<img id="image" src="/i/eg_tulip.jpg" />

<script>

document.getElementById("image").src="/i/shanghai_lupu_bridge.jpg";

</script>

改变 HTML 元素的样式：document.getElementById(id).style.property=new style

<p id="p1">Hello World!</p>

<p id="p2">Hello World!</p>

<script>

document.getElementById("p2").style.color="blue";

document.getElementById("p2").style.fontFamily="Arial";

document.getElementById("p2").style.fontSize="larger";

</script>

8.事件：onchange 事件，常结合对输入字段的验证来使用

             onmouseover 和 onmouseout 事件可用于在用户的鼠标移至 HTML 元素上方或移出元素时触发函数。

            onmousedown, onmouseup 以及 onclick 构成了鼠标点击事件的所有部分。首先当点击鼠标按钮时，会触发 onmousedown 事件，当释放鼠标按钮时，会触发 onmouseup 事件，最后，当完成鼠标点击时，会触发 onclick 事件。

9.创建并放置新的节点

    获取对dom对象的引用，var sect=document.querySelector

    创建一个p元素，var para=document.createElement('p');

    给p元素添加文本，para.textContent=‘we hope you enjoy the ride“；

   放置节点，sect.appendChild(para)