如何将指定HTML文件中Location后的文本添加至另一HTML文件？

方法一：前端JavaScript（浏览器端动态处理） #

如果两个HTML文件在浏览器环境下配合使用，可以用JS读取源HTML内容，提取Location值后插入目标页面。

1. 先在目标HTML里准备好插入位置，比如一个带ID的容器：

<div id="location-display"></div>

2. 在目标HTML中加入这段JS代码，自动拉取并插入内容：

// 读取源HTML文件
fetch('你的源文件名.html')
  .then(res => res.text())
  .then(htmlContent => {
    // 用正则匹配Location后的文本
    const locationMatch = htmlContent.match(/Location:\s*([^\n<]+)/);
    if (locationMatch) {
      const locationText = locationMatch[1].trim();
      // 把文本插入目标容器
      document.getElementById('location-display').textContent = locationText;
    }
  });

方法二：后端脚本（静态修改文件） #

要是想直接修改目标HTML文件的内容，用后端脚本更高效，下面给两种常用语言的示例：

Python 实现 #

import re

# 读取源HTML
with open('source.html', 'r', encoding='utf-8') as f:
    source_content = f.read()

# 提取Location后的文本
match_result = re.search(r'Location:\s*([^\n<]+)', source_content)
if match_result:
    location_text = match_result.group(1).strip()
    # 读取目标HTML
    with open('target.html', 'r', encoding='utf-8') as f:
        target_content = f.read()
    # 替换目标HTML里的占位符（比如先在目标里写{{LOCATION}}）
    updated_content = target_content.replace('{{LOCATION}}', location_text)
    # 写回目标文件
    with open('target.html', 'w', encoding='utf-8') as f:
        f.write(updated_content)

Node.js 实现 #

const fs = require('fs').promises;

async function updateLocation() {
    // 读源HTML
    const sourceHtml = await fs.readFile('./source.html', 'utf8');
    const match = sourceHtml.match(/Location:\s*([^\n<]+)/);
    if (match) {
        const locationText = match[1].trim();
        // 读目标HTML
        let targetHtml = await fs.readFile('./target.html', 'utf8');
        // 替换占位符
        targetHtml = targetHtml.replace('{{LOCATION}}', locationText);
        // 写入修改后的内容
        await fs.writeFile('./target.html', targetHtml, 'utf8');
    }
}

updateLocation().catch(err => console.error('处理出错：', err));

方法三：手动操作（一次性需求） #

如果只是临时用一次，直接打开源HTML文件，找到Location:后面的TK01，复制后粘贴到目标HTML的对应位置就行，简单直接。

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