javascript - 在 img src 中插入 Javascript 代码

Question

我尝试将 Javascript 代码插入到 img 的 src 标签中，代码如下所示:

<img id="p1" width="90%" height="100%" src="javascript:img_info();" />

所以基本上它从 API 获取图像，因为函数 img_info(); 生成一个链接。问题是当我运行这段代码时它没有返回任何东西，有什么想法吗？

Answer 1

对不起，javascript:不适用于 src属性。和 src="img_info()"也是不可能的。

---

这是你可以做到的:

<img id="p1" width="90%" height="100%" src="" />
<script>document.getElementById("p1").src = img_info()</script>

---

请注意 onload不会触发空 src=""属性! <img onload="this.src = img_info()" />行不通。

---

实例:

<script>
  function img_info() {
    return "https://upload.wikimedia.org/wikipedia/commons/c/c2/Faust_bei_der_Arbeit.JPG"
  }
</script>


<img id="p1" width="90%" height="100%" src="" />
<script>
  document.getElementById("p1").src = img_info()
</script>