Question

我正在尝试使用javascript更改图像的src。图像和javascript函数位于不同的html页面中。 javascript函数如下所示

     <html>
     <head>
     <script type="text/javascript">
     function changeImage(newSrc)
     {
     document.getElementById(dp).src = newSrc;
     }
     </script>
     <title>Socialize-Home</title>
     </head>
     <body>
     <img id="img1" src = "home images\student1.JPG" onclick="changeImage(this.src)"></img>
     </div>
     </body>
     </html>

另一页的图像如下：

<img id="dp" src="home images\unknown user.JPG" alt="Your browser doent support this           
          image !" height="25%" width="15%"/>

Answer 1

您需要对其他窗口有一些引用，例如，您可以在窗口中将目标图像设置为opener.childwindow = self。或者无论你需要做什么。

然后它只是referenceToOtherWindow.document.getElementById('dp').src = newSrc;

Answer 2

如果您正在使用AJAX，它会将第二页放入第一页。因此没有必要做任何特别的事情。内容中的AJAX内容位于页面内部，因此可以访问通常访问元素的方式。

因此，您的想法应该有效。但是，您有一个轻微的语法错误：

document.getElementById(dp).src = newSrc;

应该是：

document.getElementById('dp').src = newSrc;

dp是一个字符串，您尚未定义名为dp的变量。

另一方面，图片的alt标记与您的浏览器“不支持”图片无关。如果图像丢失或用户视力不佳并且正在使用屏幕阅读器，则会显示alt文本。

使用javascript设置另一个页面的img src

2 个答案: