如何在iframe页面运行JavaScript？特定代码适配求助

我懂你的痛点——原来的脚本只能把代码注入父框架，现在要改成作用于指定的iframe，之前尝试修改onclick事件没成功，咱们来调整一下代码，同时避开几个常见的坑。

核心问题分析 #

原来的按钮点击事件opener.location=X.value是直接修改父窗口的地址，要转向iframe的话，关键是正确获取到目标iframe元素，同时要满足浏览器的同源策略要求。

修改后的完整代码 #

假设你的iframe的id是myIframe（和你提到的一致），把原来的脚本改成这样：

javascript:W7=open('','A','width=320,height=240,resizable');W7.focus();with(W7.document){write('<title>Javascript Tester</title><center><form><textarea name=X rows=10 cols=34 wrap>javascript:</textarea><p><input type=button value=Run onclick="const targetIframe = opener.document.getElementById(\'myIframe\'); if(targetIframe) { targetIframe.src = X.value; } else { alert(\'找不到id为myIframe的iframe！\'); }">');void(close())}

关键修改点说明 #

1. 正确引用iframe：
   用opener.document.getElementById('myIframe')从父窗口中获取目标iframe，这里要确保iframe的id完全匹配，不能写错。
2. 增加存在性判断：
   加了if(targetIframe)的判断，避免因为iframe不存在导致报错，同时给用户明确的提示。
3. 同源策略限制：
   这是最容易踩的坑：父窗口和iframe加载的页面必须是同域的（协议、域名、端口都一致），否则浏览器会阻止你修改iframe的src属性，这是浏览器的安全机制，没办法绕过。

额外注意事项 #

• 如果你的iframe是动态生成的（比如通过JS添加到页面），要确保这个测试器脚本运行时，iframe已经被添加到DOM中，否则getElementById会返回null。
• 如果要注入的不是src而是直接在iframe中执行脚本，也可以改成targetIframe.contentWindow.eval(X.value)，但同样需要满足同源策略，而且这种方式风险更高，要谨慎使用。

内容的提问来源于stack exchange，提问作者joj-the-egg