0

考虑以下基本功能/js/foo.mjs：

export function foo( ) {
    console.log('Hello, Modularity!');
};

如何foo在 HTML 文档中导入函数，以便内联使用？

<html>
    <head>
        <script type=module src=/js/foo.mjs></script>
    </head>
    <body>
        <button onclick=foo()>Modules are Cool</button>
    </body>
</html>

是的，我可以在window对象中定义函数：

window['foo'] = function _foo( ) {
    console.log('Hello, Whatever!');
};

但这是我想避免的；也许有一种方法可以以某种方式导入函数或变量，以便在整个 HTML 文档中可以访问它？

我想我可以这样做：

onclick='import { foo } from "/js/foo.mjs"; foo()'

但这太丑陋了。

4

0 回答 0