Javascript 将html块从一个页面移动到另一个页面

如何将一些html元素从一个页面移动到另一个页面，我认为如果我将两个html页面链接到同一个JS页面，JS可以完成这项工作，但我错了，我觉得这很容易做到，但缺少了一些东西，我做不到我在stack overflow和google上搜索了这里，但我没有找到解决问题的方法

以下是一个例子：

index.html

<div id="parent1" class="container">
  <h1>text</h1>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
    <span class="icon">icon</span></p>
</div>
<a href="#" class="btn">click me</a>

我读过但没有解决问题的问题：

---

这些问题对我有一点帮助，但它使用XML和Jquery，我不熟悉它们。是否有更简单的解决方案，并提前感谢您

如果您不使用Jquery，这使得使用

Jquery.load（）

非常简单，那么我希望：

/|.$/g'）；
if（typeof selector=='string'）s=s（selector）.outerHTML；
加载函数；董事会成员（d）；
});
}
loadIt（'yourURLHere.html'，'#someId'，函数（res）{
someOtherElement.innerHTML=res；
});
});
//]]>

如果您没有使用jQuery，这使得使用

jQuery.load（）

非常简单，那么我希望：

/|.$/g'）；
if（typeof selector=='string'）s=s（selector）.outerHTML；
加载函数；董事会成员（d）；
});
}
loadIt（'yourURLHere.html'，'#someId'，函数（res）{
someOtherElement.innerHTML=res；
});
});
//]]>

试试这段代码，它会按照您的意愿工作

在第1页，将数据存储到localStorage变量中

var page_content = document.getElementById("parent1").innerHTML;
console.log( page_content );
localStorage.setItem("page_content", page_content );

在第2页上检索第1页数据

document.getElementById("parent2").innerHTML = localStorage.getItem("page_content");
console.log( page_content );

---

打开控制台，在第1页上成功存储确认数据。

尝试此代码，它将按照您的意愿工作

在第1页，将数据存储到localStorage变量中

var page_content = document.getElementById("parent1").innerHTML;
console.log( page_content );
localStorage.setItem("page_content", page_content );

在第2页上检索第1页数据

document.getElementById("parent2").innerHTML = localStorage.getItem("page_content");
console.log( page_content );

---

打开控制台，在第1页上成功存储确认数据。

除了上述打开单独窗口的方法外，单用javascript无法实现这一点。你最好在服务器端这样做。你必须用

JavaScript

自动打开第二个页面才能控制它。除了上述打开单独窗口的方法外，单用JavaScript是无法做到这一点的。您最好在服务器端完成此操作。您必须使用

JavaScript

自动打开第二个页面才能控制它。