在HTML中导入脚本时,使用type='module'属性是为了指明该脚本是一个ES模块。ES模块是一种用于组织和封装JavaScript代码的机制,它允许开发者将代码拆分成多个模块,然后使用import和export语法来在模块之间共享变量、函数和类等。
通过使用type='module'属性,浏览器会将脚本文件视为一个ES模块,并按照模块的规则进行加载和执行。此外,使用type='module'属性还会启用严格模式,因为ES模块默认会启用严格模式。
下面是一个示例代码,展示了如何在HTML中导入ES模块:
Hello, World!
在上面的示例中,script标签中指定了type='module'属性,并使用import语法导入了一个名为sayHello的函数,该函数定义在一个名为module.js的文件中。然后,在script标签中调用sayHello函数。
需要注意的是,使用type='module'属性导入的脚本必须通过HTTP或HTTPS协议加载,而不是通过本地文件系统(file://)访问。这是因为浏览器会将使用type='module'属性的脚本视为一个独立的模块,而模块加载需要遵循CORS策略。