Question

function load_Product () {
    var theDomain = window.location.assign("purchase1.html");
    var imageDiv = document.getElementById('productPicInfo');
    var productImage = document.getElementById('bouqImage1');  //This   is a image on a different page with this id name//
    imageDiv.innerHTML = productImage;  
    sumFunction = theDomain + imageDiv.innerHTML;
}

尝试将图像添加到div中但按下按钮时它不会出现。

Answer 1

据我了解，您希望按下按钮时，显示在不同网页上的图像会显示在您自己的网页上。这是可行的。

首先请注意，javascript无法访问其他页面上的DOM元素。你可以做的是发送一个http请求 - 每个图像都有自己的URL。所以你的代码将是

function load_Product () {
    var imageDiv = document.getElementById('productPicInfo');
    imageDiv.innerHTML = '<img src="http://otherwebsite.com/image.png">';  //change src attribute to the image's URL
}

除非其他网站做了一些奇怪的事情，否则这应该有效，因为http请求是由浏览器提出的，而不是来自javascript，所以它不违反跨域策略。

当有人点击我的按钮时，我希望将产品图像插入到新页面上的div中？

1 个答案: