跨域请求解决方案：JavaScript使用window.open跨域无法读取DOM问题求助

开发者阿泽

2026-9-30

问题本质

你遇到的不是CORS限制，是浏览器同源策略中跨源窗口DOM访问限制导致的，跨源场景下父窗口没有权限读取另一个源打开的window对象的document属性，所以无法直接获取00GG元素的内容。

纯JavaScript可行解决方案

按你是否能控制Urlone对应站点的代码，分为两种场景实现：

方案1：可控制Urlone对应站点代码（生产环境推荐）

用HTML5原生postMessage API实现跨源通信，无任何第三方依赖：

先在Urlone对应的站点页面加入以下代码：

// Urlone对应页面的内置代码
window.addEventListener('load', () => {
  // 按需修改取值逻辑，示例为取a标签的href属性
  const urltwo = document.getElementById('00GG')?.href;
  if (urltwo) {
    // *可替换为你的父页面源域名，安全性更高
    window.opener.postMessage({ urltwo }, '*');
  }
});

你的原有代码修改为：

const urlOneEle = document.getElementById('00N0b00');
// 按元素实际类型取Urlone值，示例兼容input的value和a标签的href
const opening = window.open(urlOneEle.value || urlOneEle.href);

// 监听目标站点返回的消息
window.addEventListener('message', (e) => {
  // 建议补充e.origin校验，确认消息来自信任源
  if (e.data?.urltwo) {
    window.open(e.data.urltwo);
  }
});

方案2：仅本地调试、无法控制目标站点代码

直接用启动参数禁用Chrome的同源安全策略，无需安装扩展：

Windows系统：关闭所有Chrome窗口，按Win+R输入 chrome.exe --disable-web-security --user-data-dir="C:\ChromeDevUserData" 回车启动
Mac系统：关闭所有Chrome窗口，终端执行 open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/你的用户名/ChromeDevUserData
启动后使用该调试窗口运行原有代码，即可正常读取跨源窗口的DOM内容。