1

我正在尝试使用 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%"/>
4

2 回答 2

0

您需要对另一个窗口有一些参考，例如，您可以opener.childwindow = self在带有目标图像的窗口中设置窗口。或者你必须做的任何事情。

那么它只是referenceToOtherWindow.document.getElementById('dp').src = newSrc;

于 2013-06-18T15:18:51.473 回答
0

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

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

document.getElementById(dp).src = newSrc;

应该：

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

dp是一个字符串，你还没有定义一个名为dp.

附带说明一下，alt图像的标签实际上与您的浏览器“不支持”图像无关。alt如果图像丢失或用户有视力障碍并且正在使用屏幕阅读器，则会显示文本。

于 2013-06-21T09:56:05.680 回答