Question

我有一些简单的代码可以在新窗口中打开嵌入式img：

<img onclick="window.open(this.src, 'child'); return true;" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAYE">

现在我正在寻找相同的技巧但是对于背景图片，我已经尝试了这个但是backgroundImage是空的

<td onclick="window.open(this.style.backgroundImage, 'child');" background="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgA"></td>

Answer 1

您应该声明您的背景如下：

style="background-image: url(data:image ... );"

但请注意，如果您打算使用较大的图像，那么您尝试打开的URI可能会太大。

Answer 2

您必须从背景中切割图像网址。如下：

<td onclick="window.open(this.style.background.slice(4, -1), 'child'); return true;" style="background:url('http://upload.wikimedia.org/wikipedia/commons/b/b7/Big_smile.png')"></td>

Javascript：在新窗口中打开背景图像

2 个答案: