<div class="list"></div>
const messageName = `<img style="width:200px; height:200px;" onload="fetch(\'https://randomuser.me/api/\')" src="https://upload.cc/i1/2021/03/05/whZ7A8.jpg">`
document.querySelector('.list').innerHTML = convertHTML`<p>${ messageName } 傳來了訊息</p>`
function convertHTML(templateData) {
let s = templateData[0]
for(let i = 1; i < templateData.length; i++) {
let arg = String(arguments[i])
s += arg.replace(/&/g, "&")
.replace(/</g, "<")
.replace(/>/g, ">")
s += templateData[i]
}
return s
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.