在img src中插入Javascript代码

Insert Javascript code inside img src

本文关键字：Javascript 代码 插入 img src      更新时间：2023-09-26

我试图将Javascript代码插入img的src标记中，代码看起来像：

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

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

对不起，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>

现在，如果您想将其全部保存在一个标记中，您可以放入一个错误的SRC并使用onload事件。

<img src="bogus.url" onError="initImage(this)">

将其放在onload事件中，并用setAttribute设置src。

所以类似的东西

<img onload="this.setAttribute('src', img_info())" >
相关文章：