无目标站点代码权限时，新标签页打开URL并填充输入框值的实现方案

纯前端无侵入的前提下，受浏览器同源策略安全限制，若你所运营的站点和目标第三方站点不属于同源/可共享根域名的场景，无法直接通过原生JS操作新标签页的DOM完成输入框填充。你当前提供的代码仅在双方站点完全同源时可正常运行，跨域场景下访问newTab.document会直接抛出跨域访问错误。

• 方案1：URL参数拼接（成本最低优先尝试） #

  绝大多数公共站点的搜索框、公开表单都支持URL Query参数预填充逻辑，你可以先做测试：在目标站点输入框填入测试值提交，观察地址栏参数，若提交后地址栏出现类似https://target.com?inputKey=测试值的结构，直接把你要填充的data-value按照对应参数拼接到window.open的跳转URL中即可，无需额外代码开发。

• 方案2：浏览器扩展实现（面向固定用户群体适用） #

  若你的使用场景是面向内部员工、固定合作客户等可引导安装扩展的群体，可开发极简浏览器扩展实现需求：
  1. 扩展申请目标站点的内容脚本注入权限
  2. 扩展监听来自你自有站点的消息，或者匹配到目标站点标签页打开事件时，读取你要填充的数值直接操作DOM写入输入框
     该方案无需修改目标站点任何代码，仅需用户一次性安装扩展即可正常使用。

• 方案3：服务端代理实现（无用户前置操作要求） #

  若无法要求用户安装扩展，可通过服务端代理绕过跨域限制：
  1. 由你的服务端发起请求拉取目标站点的页面内容，将页面内容返回给你的前端站点挂载，此时目标页面和你的站点属于同源，可直接操作DOM填充输入框
  2. 用户提交表单时，由你的服务端代理转发请求到目标站点
     注意该方案需要兼容处理目标站点的Cookie、CSRF校验逻辑，部分配置了反爬策略的站点可能会拦截代理请求。

• 特殊场景兼容方案：同根域名场景 #

  若你的站点和目标站点仅子域名不同、共享根域名，可在双方站点代码中添加document.domain = '你的根域名.com'配置，即可解除跨域限制，正常操作新标签页DOM。

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