通过onclick打开新窗口并修改新窗口元素的技术实现问题

嘿，我来帮你搞定这个问题！你的代码没生效的核心原因是时机不对——刚调用window.open()就立刻去获取新窗口的元素，这时候新页面还没加载完成，浏览器根本找不到input1这个元素，所以赋值操作自然没效果。另外，你的引号转义和代码结构也有小问题，我给你调整一下：

修正后的内嵌脚本代码 #

<a href="javascript:void(0);" onclick="
  var str = 'text';
  var newWindow = window.open('https://jsfiddle.net/ncw1L0uk/show/');
  newWindow.onload = function() {
    newWindow.document.getElementById('input1').value = str;
  };
">link</a>

关键调整点 #

• 先把新窗口的实例存到newWindow变量里，然后监听它的onload事件，等页面完全加载完成后，再去操作DOM元素，这样就能确保input1已经存在了。
• 调整了引号的使用：因为是在HTML的onclick属性里写JS，内部字符串用单引号，避免和外层的双引号冲突，不会出现语法错误。

额外要注意的坑 #

1. 跨域限制：如果新窗口打开的页面和当前环境（邮件页面）不属于同一个域名，浏览器的同源策略会直接阻止你修改新窗口的DOM，这种情况这个方法就用不了了。你得确保两个页面是同域的，或者有对应的跨域权限才行。
2. 邮件脚本禁用：很多主流邮箱（比如Gmail）会默认禁用邮件里的内嵌JavaScript，哪怕你代码写得再对，也可能跑不起来。如果遇到这种情况，换个思路：把要填充的内容通过URL参数传递给目标页面，让目标页面自己读取参数填充输入框。比如：

   <a href="https://your-target-page.com?inputValue=text" target="_blank">link</a>
   

   然后在目标页面的脚本里（如果你能控制这个页面的话），加一段代码读取URL参数：

   window.onload = function() {
     const params = new URLSearchParams(window.location.search);
     document.getElementById('input1').value = params.get('inputValue') || '';
   };
   

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