如何将我的打字脚本放在我的 html 文件之外？答案

【问题标题】：How do i put my typing script outside my html file?如何将我的打字脚本放在我的 html 文件之外？
【发布时间】：2019-11-03 20:45:24
【问题描述】：

我的网站有一个脚本，在span 中的h2 之后键入一系列内容。

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

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

但是我的span 没有任何反应

<h2>I am <span id="typing"></span></h2>

这是我的 index.js

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

【问题讨论】：

你能不能把你的文件目录拍个照，把这个问题贴出来？
你可以按 f12 并显示控制台错误，如果有的话？我认为您只是没有正确导入文件。我假设您会看到 404 告诉您找不到资源。
“未捕获的 TypeError：无法在 index.js 的新 t (typed.min.js:10) 处读取 t.value (typed.min.js:10) 处的 null 属性“tagName”： 3" 我也是通过html导入库的，有问题吗？
所以它正确导入并尝试使用 typed.min.js。这是它失败的地方。您确定您正确使用了该功能吗？我认为它没有找到在您的 dom 中键入 id 的元素。你能显示html吗？

标签： javascript html typed

【解决方案1】：

你需要等待dom被加载。

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

【讨论】：

啊这个！快速思考;)
很高兴听到它有效！如果您的问题解决了，您能接受答案吗？