使用javascript操作多个HTML文件

Question

是否可以在同一脚本中操作多个HTML文件？例如，我在index.html上有一个<div id="div1">，在另一个文件夹内的另一个html文件中有一个<div id="div2">。

我试图做的是获得第二个div的内容，并替换为我的"；div1"；，但是"；传统方式；不起作用：

function replaceDiv(){
let div1 = document.querySelector('#div1')
let div2 = document.querySelector('#div2')
div1.innerHTML = div2
}

我是编程新手，很抱歉，如果这是一个愚蠢/明显的问题，哈哈

ps：两个文件都有相同脚本的链接。

ps²：我知道我可以用innerHTML手动编写字符串，但我想知道是否可以这样做

Answer 1

为什么这不起作用

JavaScript中的document对象代表当前呈现的页面的内容，它只能在加载此脚本的页面正在积极呈现时存在。

web浏览器一次只能呈现一个HTML文件(例如index.html或other.html(。假设#div1在index.html中，#div2在other.html中；脚本只能看到这些div元素中的一个存在，因为CCD_。

这与您可以在同一网站上的多个HTML文件中重用id而不会出现意外行为的原因相同。

备用解决方案

将这些数据(InnerHTML/代码段需要共享(存储在脚本本身中，因为可以在每个页面上单独请求。