一、JavaScript----导图导出
1. JS 提供的导入导出机制,可以实现按需导入
1.1 在html页面中可以把JS文件通过 <script src="showMessage.js"></script> 全部导入
1.2 通过在JS文件中写export关键字导出通过 <script src="showMessage.js"></script> 全部导入
1.3 同时也可以在html页面中的<script type="module"></script> 标明 type属性为 module 在通过import关键字导入自己想要导入的函数
1.4 可以在js文件中通过export关键字导出自己想要导出的函数
在导入和导出的时候,可以使用as重命名
在JS文件中:export {simpleMessage as sm,complexMessage as cm}
在html文件中:import {cm} from './showMessage.js';
<body>
<div id="app">
<button id="btn">点我展示信息</button>
</div>
<script type="module">
import {cm} from './showMessage.js';
document.getElementById("btn").onclick=function(){
cm("我被点击了....");
}
</script>
</body>