学习js带有返回值的函数笔记

学不完了是吧

已于 2024-06-20 16:38:40 修改

阅读量349

点赞数 7

分类专栏： js 文章标签： javascript 学习笔记

于 2024-06-20 16:38:28 首次发布

本文链接：https://blog.csdn.net/qq_63170044/article/details/139836628

版权

js 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

今天在写一个带有返回值的函数时遇到一个执行顺序的问题，查了半天资料才发现问题

js代码

function myFunction(a, b) {
    return a * b;
}

document.getElementById("myFunction").innerHTML = myFunction(4, 4);

html代码（这是能正确运行出结果的代码）

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>

<p>本例调用的函数会执行一个计算，然后返回结果：</p>
<p id="myFunction"></p>

<!-- 引用外部的 app.js 文件 -->
<script src="app.js"></script>

</body>
</html>

这是我自己习惯写的代码，虽然代码没有问题但是执行顺序有问题，把调用函数写在了body上面，导致在调用时DOM元素还没有被加载，这是我第一次遇到这种问题也会是最后一次

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
 <!-- 执行顺序：确保在HTML文件中引用app.js的<script>标签放在<body>标签的底部，以确保在JavaScript执行时，DOM元素已经被加载。 -->
    <script src="app.js" type="text/javascript" charset="utf-8"> </script>
</head>

<body>

    <p>本例调用的函数会执行一个计算，然后返回结果：</p>
    <p id="ReturnValue"></p>
   

</body>

</html>

执行顺序：确保在HTML文件中引用app.js的<script>标签放在<body>标签的底部，以确保在JavaScript执行时，DOM元素已经被加载。

学不完了是吧

关注

7
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
学习js带有返回值的函数笔记

这是我自己习惯写的代码，虽然代码没有问题但是执行顺序有问题，把调用函数写在了body上面，导致在调用时DOM元素还没有被加载，这是我第一次遇到这种问题也会是最后一次。今天在写一个带有返回值的函数时遇到一个执行顺序的问题，查了半天资料才发现问题。标签的底部，以确保在JavaScript执行时，DOM元素已经被加载。html代码（这是能正确运行出结果的代码）：确保在HTML文件中引用。
复制链接

扫一扫