Question

我正在学习HTML和JavaScript，并且无法完成某些工作：

我正在创建一个新页面并希望在其上显示图像：

thepage= window.open('', '', 'height=700,width=800,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes');

当页面获得焦点时会显示页面，但是当我尝试将图像放在那里时，我最多只能获得红色和白色的x框。

我试过了：

thepage.document.write(<img src=".\Images\theImage.jpg")

但即使图像代码与其工作的主页面以及其他各种内容相同，这也不起作用。

请注意我不想要一个仅显示图像的弹出窗口，而是一个包含与主页面相同图像的新页面（至少从头开始）。

即使我知道这一定是直截了当的，我已经到了无法看到树木的地步了！

Answer 1

红色和白色X框可能表示您指定的图像源不正确。您是否尝试将相对网址更改为固定网址？

而不是.\Images\theImage.jpg，提供完整的图片网址总是更安全。

Answer 2

好的，你输错了你的引号在错误的位置，但尝试这样的事情：

var thepage = window.open('', '', 'height=700,width=800,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes');
thepage.document.body.appendChild("<img src=\".\Images\theImage.jpg\">");

请检查图片的位置是否正确，我希望它是这样的。/Images/theImage.jpg

Answer 3

也许尝试这样的事情：

// open your new window
var theArena = window.open('', '', 'height=700,width=800,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes');

// create a base tag, and set the HREF to the same as your current page.
// This should allow you to use relative URLs for images and links
var base = theArena.document.createElement('base');
base.href = document.location.href
theArena.document.body.appendChild(base);

// Now use createElement to build the element
var img = theArena.document.createElement('img');
img.src = "./Images/theImage.jpg"; // make sure the URL is valid
theArena.document.body.appendChild(img);

如何将图像添加到新页面

3 个答案: