如何使用书签添加图像

如何解决如何使用书签添加图像

我制作书签是为了好玩，我想在屏幕中间添加一张图片（如果可能的话，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);

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

解决方法

你可以这样做

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>