我试图将Javascript代码从img插入到src标记中,代码如下所示:
<img id="p1" width="90%" height="100%" src="javascript:img_info();" />
因此,基本上,由于该函数img_info();
生成链接,因此它从API获取图像。问题是,当我运行此代码时,它不返回任何东西,有任何想法吗?
抱歉,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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句