今天完成的事情：JS基础知识，任务四如何去实现

明天计划的事情：进行任务四布局，知识学习

遇到的问题：任务四还没头绪，

收获：

JavaScript函数：函数是由事件驱动的或者当它被调动时执行的可重复使用的代码块。

<button onclick="myFunction()">点我</button>

<script>

function myFunction() { //在HTML中设定了函数命令，当点击时触发下面的任务

    alert("Hello World!"); 

}

</script>

JS函数语法：

函数就是包裹在花括号中的代码块，前面使用了关键词 function：

function functionname () {

    //执行的命令代码

}

当调用该函数时，会执行函数内的代码。

可以在某事件发生时直接调用函数（比如当用户点击按钮时）

带参函数：

<button onclick="myFunction ( ' Harry  Potter ' , ' Wizard ' ) " > 点击这里 </button>

<script>

function myFunction ( name ,  job) {

    alert ( " Welcome " + name + ", the " + job ) ; 

}

</script>

效果： 点击按钮，弹窗显示  “Welcome Harry Potter, the Wizard”

返还函数值：

function myFunction()
{
    var x=5;
    return x;
}

函数调用将被返回值取代：

var myVar=myFunction();

myVar 变量的值是 5，也就是函数 "myFunction()" 所返回的值。

即使不把它保存为变量，您也可以使用返回值：

document.getElementById("demo").innerHTML=myFunction();

"demo" 元素的 innerHTML 将成为 5，也就是函数 "myFunction()" 所返回的值。

变量：

局部 JavaScript 变量

在 JS函数内部声明的变量（使用 var）是局部变量，所以只能在函数内部访问它。（该变量的作用域是局部的）。

您可以在不同的函数中使用名称相同的局部变量，因为只有声明过该变量的函数才能识别出该变量。

只要函数运行完毕，本地变量就会被删除。

全局 JavaScript 变量

在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。当网页关闭时，全局变量才会被删除。

JS事件：

HTML 事件是发生在 HTML 元素上的事情。

当在 HTML 页面中使用 JS脚本 时， JS可以触发这些事件。

添加事件属性，使用 JS 代码来添加 HTML 元素。

HTML 按钮被点击

等等。。