Question

下面提到的代码工作正常，单击缩略图时，较大的图像在空白窗口中打开，但我有一个带有<div id="mainimg></div>的html页面fprod.html。

我希望图像在那里打开。现在，如何在该html页面中定位div？

$(function () {

  $(document).on('click', 'div.prodcls img', function (e) {
    e.preventDefault();
    window.open($(this).attr('src').replace('images/zara/thumbnails/1.png', 'images/zara/big.png'), '');
  });

});

Answer 1

window.open将返回一个新打开的窗口的句柄...然后你可以调用$ {window ref} .document.getElementById（“mainimg”）并用它填充它。（其中$ {window ref}是window.open的返回值）。

Answer 2

出于安全原因，Javascript存在于沙盒中。它能找到的唯一玩具就是那个盒子（窗口）。您是否希望以不同的方式工作 - 即打开两个网页，一个是您的银行，其中包含您在该页面上的详细信息，另一个是用于快餐店？

Answer 3

您可以在新窗口中打开fprod.html而不是图像。图像的URL可以作为参数提供，您可以在fprod.html中使用javascript将图像放入所需的图像。

http://..../fprod.html?image=images/zara/thumbnails/1.png

fprod.html中的脚本可能类似于：

var img = $("<img/>").attr("src","window.location.search.replace("?","")");
$("#mainimg").append(img);

Answer 4

我认为你的方法是错误的（假设我正确理解你的要求）。

假设fprod.html在同一台服务器上运行并且可以访问您要打开的完整大小的图像，我会使用url参数调用另一页（例如，传递要在网址中打开的图像名称）然后使用脚本在fprod.html

中打开相关图像

请参阅以下教程，了解jQuery中的URL参数：

http://jquery-howto.blogspot.com/2009/09/get-url-parameters-values-with-jquery.html

jquery在另一个html页面中定位div

4 个答案: