在標簽屬性中調用 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">