javascript - 如何使用书签添加图像

Question

我制作书签是为了好玩，我想在屏幕中间添加一张图片（如果可能的话是 gif），我尝试了很多方法，但都没有奏效。

这是正在制作的书签，我正在尝试制作它，所以当运行时会出现 Rick Astley 的照片

javascript:var audio = new Audio('https://media1.vocaroo.com/mp3/12OdDSvf3CkE');  audio.play();

我试过用

javascript:var img = document.createElement('img');img.src = 'https://www.clipartmax.com/png/middle/156-1560736_smiley-transparent-smiley-face-clipart.png';// TODO: set position and whatnotbody.appendChild(img);

但这只是打开链接而不是图像

标签： javascriptimagebookmarklet

Answer 1

你可以做这样的事情

var img = document.createElement('img')
img.src = 'https://www.clipartmax.com/png/middle/156-1560736_smiley-transparent-smiley-face-clipart.png';
document.getElementById('imgdiv').appendChild(img);

<div id="imgdiv">
</div>