Question

Wandering down a bit on MDN和on WHATWG，我看到type="module"允许在网页上加载javascript模块。但如何执行模块中定义的代码？

我有这个模块：

console.log('Starting module 1');

function addLiElement(text) {
    var li = document.createElement('li');
    li.classList.add('js-module-2');
    li.appendChild(document.createTextNode(text));

    document.querySelector('.output').appendChild(li);
}

console.log('End of module 1');

export default addLiElement;

使用<script type="module" src="module.js"></script>中的<head>将脚本加载到网页中。

现在，如果我称这个经典的javascript（在<script src="mysqcript.js"></script>中）：

window.addEventListener('load', function () {
    addLiElement('Hello, I am a basic code.js');
});

然后Firefox说addLiElement功能不存在。如果我使用import {addLiElement} from "module-1.js";，那么Firefox会说import只能在模块中使用。并且模块的console.log不会出现在控制台内。

那么，我们可以将普通的javascript链接到模块吗？如果是这样，怎么样？

如何从网页调用javascript type =“module”？

0 个答案: