ES6静态import模块const和default使用实例页面

回到相关文章 »

效果：

我是p，我的颜色是？

代码：

HTML代码：

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

script代码：

<script type="module">
  // 导入doubleKill模块
  import * as module from './doubleKill.mjs';
  // 执行默认方法
  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;
}