HTML引用js文件且js文件互调

最新推荐文章于 2024-05-24 16:43:50 发布

渔樵_

最新推荐文章于 2024-05-24 16:43:50 发布

阅读量510

点赞数

分类专栏：前端文章标签： javascript html 前端

本文链接：https://blog.csdn.net/Joe_yuqiao/article/details/120993527

版权

前端专栏收录该内容

34 篇文章 1 订阅

订阅专栏

bbb.js文件引用aaa.js文件，html文件再引用bbb.js文件去执行aaa.js文件中的方法；
刚开始用了es6模块化和commonJs来实现，失败了；换了document.write("<script src='./aaa.js'></script>")这种写法后实现了；简单记一下。

// aaa.js
let a = 2
function num () {
  console.log(a)
  setTimeout(() => {
    console.log("修改值");
      a++
  }, 2000)
  return 9
}

// bbb.js
document.write("<script src='./aaa.js'></script>")
let bbb = function()  {
    setInterval(() => {
      console.log(this);
      console.log(num());
  },1000)
}

<!-- html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>
    <script src="./bbb.js" type="text/javascript"></script>
<body>
    <p>test</p>
    <script>
        // num() // 通过bbb.js直接用aaa.js的方法
        bbb() // 调用bbb.js封装的方法
    </script>
</body>
</html>