前端学习笔记 1：js 导入导出

最新推荐文章于 2024-07-04 14:14:30 发布

魔芋红茶

最新推荐文章于 2024-07-04 14:14:30 发布

阅读量594

点赞数 9

分类专栏：前端文章标签：前端学习笔记

本文链接：https://blog.csdn.net/hy6533/article/details/135242092

版权

这篇前端学习笔记主要介绍了JavaScript的导入导出机制，包括单个函数、批量、使用别名以及整体导入导出的方式，并针对可能出现的跨域问题提出了解决方案。

摘要由CSDN通过智能技术生成

前端学习笔记 1：js 导入导出

1.传统引用

一般性的，用以下方式引入JS 中定义的函数或对象到 Html 中使用：

function showMessage(){
   
    console.log("hello");
}

function showChineseMessage(){
   
    console.log("你好");
}

<html>

<body>
    <h1> hello </h1>
    <button id="btn">按我有惊喜</button>
    <script src="./my_methods.js"></script>
    <script>
        document.getElementById("btn").onclick = function () {
     
            showMessage();
        }
    </script>
</body>

</html>