在标签属性中调用 JavaScript function

Question

我们如何在标签属性中调用 JavaScript function ？

 let imageURL = () => 'http://www.example.com/image.png';

 <img alt="error" src="javascript:imageURL()">

Answer 1

src只接受 url，你可以把你的 function 放在这里： <img alt="Not available" src="whatever" onload="this.onload=null; this.src=imageURL();"/>

Answer 2

使用 JavaScript 更改图像src属性：

 document.getElementById('myImage').src = 'https://media.wired.com/photos/5b8999943667562d3024c321/master/w_2560%2Cc_limit/trash2-01.jpg';

 <img alt="Not available" id="myImage" />

Answer 3

你不能在属性上运行 js function，试试这个 function 首先它尝试加载占位符，在占位符加载后触发 JS ZC1C425268E68385D1AB5074C17A94F14

<img src="https://thumbs.gfycat.com/RapidRadiantBug-small.gif" onload="this.onload=null; this.src=imageURL();" />

Answer 4

使用 javascript 更改图像源，请参见我的示例：

 document.getElementById('image').setAttribute('src', 'https://media.wired.com/photos/5b8999943667562d3024c321/master/w_2560%2Cc_limit/trash2-01.jpg');

 <img alt="Not available" src="" id="image">