html正文中脚本标记的替代文本

时间:2019-07-02 15:06:53

标签: javascript html

我使用如下脚本标签在网页上嵌入了GitHub要点

<script src="https://gist.github.com/uname/id.js"></script>

是否有一种方法可以提供要点文字,以防主意未加载?我尝试在script标记内使用alt属性,但这似乎不起作用。

1 个答案:

答案 0 :(得分:0)

看看要点的嵌入方式是如何使用document.write

然后在其中创建一些标记,因此我们可以做的是检查标记是否在等待一会儿之后创建,如果尚未加载要领,则它们不会是一个类的标记的.gist

下面是一个有效的示例。 如果运行该代码段,则该代码应在5秒钟后失败并显示一条消息,如果您将4577639.js_bad替换为4577639.js,它将有望正常工作,并且不会出现加载失败的消息。

ps。不确定这是否是正式的退后方式,但似乎行得通。

setTimeout(function () {
  if (!document.querySelector(".gist")) {
    document.querySelector("#failed-to-load").
      style.display = "block";
  }
}, 5000);
<div id="failed-to-load" style="display:none">
Failed to load Gist
</div>
<script src="https://gist.github.com/claudemamo/4577639.js_bad"></script>