JavaScript 笔记 三

2018.5.20

JavaScript 事件

事件是发生在HTML元素上的事件，在HTML页面中使用JavaScript时，JavaScript可以触发这些事件

HTML事件包含浏览器行为与用户行为

实例  点击按钮触发事件，显示时间

<p>点击按钮执行 <em>displayDate()</em> 函数.</p>
<button οnclick="displayDate()">点这里</button>
<script>
function displayDate(){
    document.getElementById("demo").innerHTML=Date();
}
</script>

<p id="demo"></p>

JavaScript逻辑运算

重点 条件运算

根据条件取value1或value2

语法：variablename=(condition)?value1:value2

实例：

function myFunction()
{
    var age,voteable;
    age=document.getElementById("age").value;
    voteable=(age<18)?"年龄太小":"年龄已达到";
    document.getElementById("demo").innerHTML=voteable;
}

Switch语句  定义变量，与case值匹配，执行对应代码

function myFunction()
{
    var x;
    var d=new Date().getDay();
    switch (d)
    {
          case 6:x="今天是星期六";
        break;
          case 0:x="今天是星期日";
        break;
          default:
        x="期待周末";
      }
    document.getElementById("demo").innerHTML=x;
}