如何访问HTML头部未存于变量的WordPress插件JSON数据？

当然可以访问！这种直接嵌入<head>标签里但没赋值给JavaScript变量的JSON数据，我们完全可以通过DOM操作抓取并解析它。下面给你具体的实现方法和示例：

第一步：先明确你的HTML结构 #

假设WordPress插件生成的HTML是类似这样的：

这类JSON通常会放在script标签里，并且设置type="application/json"（区别于普通的JavaScript脚本）。

第二步：用JavaScript获取并解析数据 #

方法1：通过type属性定位元素（最通用）

这是最常见的情况，我们可以通过querySelector选中<head>里对应type的script元素：

// 定位到head中的JSON脚本元素
const jsonScript = document.querySelector('head script[type="application/json"]');
// 将文本内容解析为JSON对象
const pluginData = JSON.parse(jsonScript.textContent);
// 获取你需要的名称"XY"
console.log(pluginData.name); // 输出：XY

方法2：通过ID/Class精准定位（如果元素有标识）

如果插件给这个JSON元素加了特定的ID或类名（比如<script id="wp-plugin-data" type="application/json">），那可以用更精准的选择器：

const jsonScript = document.getElementById('wp-plugin-data');
const pluginData = JSON.parse(jsonScript.textContent);
console.log(pluginData.name);

注意事项：处理动态加载的情况 #

如果这个JSON元素是插件异步插入到页面的，那要确保在DOM加载完成后再执行代码，避免出现元素找不到的错误：

document.addEventListener('DOMContentLoaded', function() {
  const jsonScript = document.querySelector('head script[type="application/json"]');
  if (jsonScript) {
    const pluginData = JSON.parse(jsonScript.textContent);
    console.log(pluginData.name);
  } else {
    console.warn("未找到目标JSON元素");
  }
});

另外要确保JSON格式是合法的（比如引号、逗号都正确），如果JSON.parse报错，可以先打印jsonScript.textContent检查内容是否符合标准JSON格式。

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