如何实现网站打开新窗口自动填表单提交？跨域权限问题求解

首先明确问题根源：这是浏览器同源策略的限制——不同域名的网页之间不允许互相访问DOM对象，你的网站和aspen.eccouncil.org分属不同域名，所以用window.open()后操作新窗口的document肯定会被拦截，这是浏览器的安全机制，无法直接绕过。

下面给你几个可行的解决思路：

1. 优先尝试URL参数直接填充（最简单） #

先打开目标验证页面，用浏览器开发者工具查看表单字段的name属性（比如Candidate Name对应的input可能叫CandidateName，Certificate Number可能叫CertNumber），然后构造带查询参数的URL：

https://aspen.eccouncil.org/VerifyEval?CandidateName=张三&CertNumber=EC12345678

直接把这个URL作为你网站的链接，设置target="_blank"打开新窗口。如果目标页面支持读取URL参数自动填充字段，这就是最省心的方案，完全不用写JS。

2. 服务器端代理方案（完全自动化） #

如果目标页面不支持URL参数，就需要在你的服务器做一层代理：

• 你的网站链接指向自己服务器的一个页面，把候选人姓名和证书号作为URL参数传递过去（比如你的域名/verify?name=张三&cert=EC12345678）
• 你的服务器页面接收参数后，模拟POST请求到目标验证页面的表单提交接口，拿到验证结果后直接展示给用户，或者跳转到目标页面的结果页（如果存在）
• 注意：需要先通过开发者工具抓包，确认目标页面表单的提交地址、请求方法和参数格式，还要留意目标网站是否有反爬或跨域限制。

3. 书签脚本方案（无需服务器改造） #

如果不想改动服务器，可以做一个书签脚本让用户配合使用：

• 先写一段JS脚本，用于填充目标页面的字段并提交：

javascript:(function(){
  // 替换成目标页面实际的字段选择器
  const nameInput = document.querySelector('input[name="CandidateName"]');
  const certInput = document.querySelector('input[name="CertificateNumber"]');
  if (nameInput && certInput) {
    nameInput.value = "张三"; // 可改成动态参数，或让用户输入
    certInput.value = "EC12345678";
    document.querySelector('form').submit();
  }
})();

• 把这段代码做成书签，让用户添加到浏览器书签栏。用户先从你的网站获取姓名和证书号，打开目标验证页面后，点击书签就能自动填充提交。
• 缺点是需要用户手动操作一步，但胜在不用改动服务器。

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