技术咨询：能否将网页表格单元格数据复制到另一网页？含2×2表格指定单元格同步需求

完全没问题，咱们用浏览器自带的「本地存储」功能就能搞定，这个方法简单易懂，不需要复杂的知识，我分两步给你讲：

第一步：在第一个网页里把价格存起来 #

首先，我们要在第一个网页里找到那个£38的内容，然后把它存在浏览器里。你只需要在第一个网页的代码末尾（</body>标签之前）加一段JavaScript代码就行：

<!-- 第一个网页的表格代码你已经有了，直接加下面这段<script>就行 -->
<script>
// 1. 找到表格里第二行第一列的价格元素
const priceElement = document.querySelector('#table_15 tr:nth-child(2) td:nth-child(1) .C-3');
// 2. 取出这个元素里的文字（就是£38）
const priceText = priceElement.textContent;
// 3. 把这个价格存到浏览器的本地存储里，给它起个名字叫"savedPrice"
localStorage.setItem('savedPrice', priceText);
</script>

我给你拆解下每一行的作用：

• document.querySelector()：这是浏览器找网页元素的工具，#table_15是你表格的ID，tr:nth-child(2)代表第二行，td:nth-child(1)代表第一列，.C-3是包裹价格的span标签类名，组合起来就能精准定位到£38的位置。
• textContent：专门用来提取元素里的文字内容。
• localStorage.setItem()：把数据存到浏览器的「本地存储」里，就像一个专属小抽屉，存进去后同一个浏览器里的其他网页都能拿到。

第二步：在第二个网页里取出并显示价格 #

接下来，在第二个网页里，我们要从浏览器的小抽屉里把£38取出来，显示在你想要的位置。

首先，在第二个网页里先加一个用来放价格的容器（比如一个div），然后加一段JavaScript代码：

<!-- 第二个网页里先放一个显示价格的位置 -->
<h3>从第一个网页获取的价格：</h3>
<div id="displayPrice"></div>

<!-- 然后加这段脚本 -->
<script>
// 1. 从本地存储里取出之前存的价格
const savedPrice = localStorage.getItem('savedPrice');
// 2. 找到我们刚才加的显示容器
const displayElement = document.getElementById('displayPrice');

// 3. 判断如果有数据就显示，没有的话提示一下
if (savedPrice) {
  displayElement.textContent = savedPrice;
} else {
  displayElement.textContent = '暂无价格数据';
}
</script>

解释下关键步骤：

• localStorage.getItem('savedPrice')：从刚才的小抽屉里取出名叫savedPrice的数据。
• document.getElementById('displayPrice')：找到我们用来显示价格的div容器。
• 最后加个判断是为了防止第一个网页还没打开过（没存数据）时，第二个网页不会显示空内容。

小提醒 #

• 要确保先打开第一个网页，让它把数据存到浏览器里，再打开第二个网页才能看到价格。
• 如果两个网页是不同域名（比如一个是aaa.com，一个是bbb.com），这个方法就不能用了——浏览器出于安全考虑，不让跨域名访问本地存储。如果是同一个域名下的网页，或者你是本地双击打开的html文件，这个方法完全没问题。

内容的提问来源于stack exchange，提问作者cozza8