Javascript 如何将键入脚本放在html文件之外？

我有我的网站，有一个脚本，在

span

中的

h2

之后键入一系列内容

首先，我必须在html文件中包含这个脚本，整个js脚本，它太长了，在html文件中也太无用了。 所以我试着把它放在我的html文件之外，并把它包括进去，就像这样

<script src="javascript/index.js"></script>

这是我的index.js

var typed = new Typed('#typing', {
    strings: ['first thing', 'second thing'],
    typeSpeed: 30,
    loop: true
});

---

您需要等待dom加载

document.addEventListener("DOMContentLoaded", function(event) {
    var typed = new Typed('#typing', {
      strings: ['first thing', 'second thing'],
      typeSpeed: 30,
      loop: true
    });
});

---

你能给你的文件目录拍张照片，并把它和这个问题一起发布吗？你能按f12键并显示控制台错误吗？我想你只是没有正确导入文件。我假设您会看到一个404告诉您没有找到资源。“未捕获的TypeError:无法在index.js:3的新t（typed.min.js:10）的t.value（typed.min.js:10）处读取null的属性'tagName'”我也通过html导入了库，这是一个问题吗？因此它正确导入并尝试使用typed.min.js。这就是失败的地方。您确定正确使用了该功能吗？我认为它在dom中找不到id为的元素。你能显示html吗？啊，这个！思维敏捷；）很高兴听到它的工作！如果你的问题解决了，你能接受这个答案吗？

document.addEventListener("DOMContentLoaded", function(event) {
    var typed = new Typed('#typing', {
      strings: ['first thing', 'second thing'],
      typeSpeed: 30,
      loop: true
    });
});