在浏览器中使用JavaScript导入模块,可以使用ES6的模块导入语法。下面是一个示例代码:
使用JavaScript导入模块
在上面的示例中,我们使用了import
关键字来导入myModule.js
中的myFunction
函数,并在代码中调用了该函数。
在这个示例中,我们假设myModule.js
文件与HTML文件在同一目录下。如果不在同一目录下,你需要根据实际情况指定相对路径或绝对路径。
myModule.js
文件的内容如下:
export function myFunction() {
console.log('这是一个导入的模块函数');
}
在myModule.js
中,我们使用export
关键字来导出myFunction
函数,以便在其他文件中使用。
请注意,使用模块导入语法需要在标签上添加
type="module"
属性,以告诉浏览器这是一个模块脚本。
需要注意的是,不是所有浏览器都支持ES6模块导入语法。如果你的浏览器不支持该语法,你可以使用Babel等工具将代码转换为兼容的语法。