使用JavaScript設置另一頁的img src

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 個解決方案

解決方案1
0 2013-06-18 15:18:51

解決方案2
0 已采納 2013-06-21 09:56:05

使用JavaScript設置另一頁的img src

問題描述

2 個解決方案

解決方案1 0 2013-06-18 15:18:51

解決方案2 0 已采納 2013-06-21 09:56:05

解決方案1
0 2013-06-18 15:18:51

解決方案2
0 已采納 2013-06-21 09:56:05