ES6动态import模块基本使用实例页面

回到相关文章 »

效果：

我是p，我的颜色是？

代码：

HTML代码：

<p>我是p，我的颜色是？</p>

script代码：

<script type="module">
  // 导入doubleKill模块
  import('./doubleKill.mjs').then((module) => {
    // 执行默认方法
    module.default();
    // 设置颜色为红色
    module.pColor('red');
  });
</script>

doubleKill.mjs代码：

// const 和 default功能演示
export default () => {
  const p = document.querySelector('p');
  p.style.transform = 'scaleY(-1)';
};
export const pColor = (color) => {
  const p = document.querySelector('p');
  p.style.color = color;
}