Javascript 将外部html的DIV内容移动到另一个文件的DIV

我有3个html文件。Index.html调用chat.html。Chat.html正文包含一个DIV，我想用第三个html文件（star.html）的DIV填充该DIV，该文件与Chat.html位于同一文件夹中

chat.html-

移动布局
要在此处显示的聊天资料

//这里有一些DIV内容

看到您如何打开一个新的聊天窗口，您需要寻址该窗口以操作该DOM。如果尚未将jQuery添加到chat.html页面，则可能还需要将其添加到chat.html页面

    $('#loginBtn').click(function() {
      $(this).validateEmail(); 
      $(this).validatePassword(); 
      var window.popup =  window.open("html/chat.html"); 
    });

 $("#stars").click(function() {
     alert("change DIV to show STAR stuff");
     window.popup.document.$("#testDIV").load('star.html');
 });

---

鉴于您正在打开一个新的聊天窗口，您需要寻址该窗口以操作该DOM。如果尚未将jQuery添加到chat.html页面，则可能还需要将其添加到chat.html页面

    $('#loginBtn').click(function() {
      $(this).validateEmail(); 
      $(this).validatePassword(); 
      var window.popup =  window.open("html/chat.html"); 
    });

 $("#stars").click(function() {
     alert("change DIV to show STAR stuff");
     window.popup.document.$("#testDIV").load('star.html');
 });

---

您单击的

#stars

元素在哪里？另外，如何加载

chat.html

？“stars”是我单击的图像的id。它在上面chat.html文件的footer DIV中向我们显示。此导航选项卡有3个图像。第二个图像是星星。代码如下所示。index.html具有登录按钮。单击该按钮，我进行验证。如果验证成功，我调用chat.html页面。代码是$（'#loginBtn'）。单击（function（）{/$（this）.validateEmail（）；/$（this）.validatePassword（）；window.open（“html/chat.html”）；}）；伙计们，有人能帮忙吗？我从昨天起就一直在想这个问题，似乎没有喘息的机会。您单击的

#stars

元素在哪里？另外，您如何加载

聊天。html

？“stars”是我单击的图像的id。它在上面chat.html文件的footer DIV中向我们显示。此导航选项卡有3个图像。第二个图像是星星。代码如下所示。index.html具有登录按钮。单击该按钮，我进行验证。如果验证成功，我调用chat.html页面。代码是$（'#loginBtn'）。单击（function（）{/$（this）.validateEmail（）；/$（this）.validatePassword（）；window.open（“html/chat.html”）；}）；伙计们，有人能帮忙吗？我从昨天起就一直受着这个困扰，似乎没有喘息的机会。谢谢。我想保持点击分开，因为它们有很多功能特定于每个图像点击。根据你的建议，我还是想看看它是否有效。不幸的是，它没有。在这种情况下，您只需要将

弹出窗口

变量设置为全局变量，我编辑了我的答案以反映此更改，我只是将其设置为

窗口

对象谢谢。我想保持点击分开，因为它们有很多功能特定于每个图像点击。根据你的建议，我还是想看看它是否有效。不幸的是，它没有。在这种情况下，您只需要将

弹出窗口

变量设置为全局变量，我编辑了我的答案以反映此更改，我只是将其设置为

窗口

对象