注意细节： 1、在标签中填写 onclick 事件调用函数时，不是 onclick=函数名， 而是 onclick=函数名+()，代码如下： <script> function myfunction(){ document.getElementById("demo").innerHTML="onclick事件触发"; }</script> </head> <body> <h1 id="demo">一个段落</h1> <button onclick="myfunction()" type="button">点击这里</button> </body> 2、外部 javascript 文件不使用 <script> 标签，直接写 javascript 代码。 3、HTML 输出流中使用 document.write，相当于添加在原有html代码中添加一串html代码。而如果在文档加载后使用（如使用函数），会覆盖整个文档。 使用函数来执行document.write代码如下： <script> function myfunction(){ document.write("使用函数来执行doucment.write，即在文档加载后再执行这个操作，会实现文档覆盖"); } document.write("<h1>这是一个标题</h1>"); document.write("<p>这是一个段落。</p>"); </script> <p > 您只能在 HTML 输出流中使用 <strong>document.write</strong>。 如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。 </p> <button type="button" onclick="myfunction()">点击这里</button>
函数：
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
Functiuon 方法名（形参）{方法体}
function myFunction(a, b) { return a * b; }
调用：
方法名（实参）；
function myFunction(a, b) { return a * b; }
可以先调用后定义如下：
var z = x(4, 3); var x = function (a, b) {return a * b};
调用带参数的函数
在调用函数时，您可以向其传递值，这些值被称为参数。
这些参数可以在函数中使用。
您可以发送任意多的参数，由逗号 (,) 分隔。
Return返回值
我们会希望函数将值返回调用它的地方。
使用 return 语句时，这个函数会停止执行，并返回指定的值。
以便于下一步计算；
function myFunction(a, b) { return a * b; } var x = myFunction(4, 3) * 2;
x=24;
在 JavaScript 函数内部声明的变量（ var）是局部变量，所以只能在函数内部访问它，并不会影响到整个页面。