js--函数简介

注意细节:

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)是局部变量,所以只能在函数内部访问它,并不会影响到整个页面。

 

posted @ 2019-07-14 09:07  腊月出去玩  阅读(178)  评论(0编辑  收藏  举报