js--函数简介

最新推荐文章于 2023-05-12 16:59:03 发布

weixin_30463341

最新推荐文章于 2023-05-12 16:59:03 发布

阅读量209

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/layuechuquwan/p/11183102.html

版权

注意细节：

1、在标签中填写 onclick 事件调用函数时，不是 οnclick=函数名， 而是 οnclick=函数名+()，代码如下：

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

转载于:https://www.cnblogs.com/layuechuquwan/p/11183102.html

weixin_30463341

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js--函数简介

注意细节：1、在标签中填写 onclick 事件调用函数时，不是 onclick=函数名，而是 onclick=函数名+()，代码如下：<script> function myfunction(){ document.getElementById("demo").innerHTML="onclick事件触发"; ...
复制链接

扫一扫