本文介绍如何通过浏览器地址栏直接输入JavaScript代码，实现对主页面Frame中嵌套IFrame的URL修改及内部表单元素的操作。针对无法修改源页面的场景，提供了修改src属性、获取文本框值并触发按钮点击的具体JS语句示例，解决了跨框架DOM访问与事件模拟的问题。
通过地址栏JS脚本操作Frame内嵌IFrame及表单元素
问题描述：需要在浏览器地址栏输入JavaScript代码，以设置指定Frame中IFrame的URL，并修改该IFrame内某个文本框的值，最后触发提交按钮。前提条件是页面属于其他网站，无法直接修改其源代码。
主页面.htm的结构如下：
查看代码
<FRAMESET border=0 frameSpacing=0 frameBorder=0 cols=*,1005,*> <FRAME src="blank.html" frameBorder=0 noResize scrolling=no> <FRAMESET border=0 frameSpacing=0 rows=*,585,* frameBorder=0> <FRAME name=Frame1 src="http://.../blank.html" frameBorder=0 noResize scrolling=no> <FRAME name=primaryFrame src="http://.../main.jsp" frameBorder=0 noResize scrolling=no> <FRAME src="http://.../blank.html" frameBorder=0 noResize scrolling=no> </FRAMESET> <FRAME src="http://.../blank.html" frameBorder=0 noResize scrolling=no> </FRAMESET>
主页面HTML代码片段：<br><br><FRAMESET border=0 frameSpacing=0 frameBorder=0 cols=*,1005,*> <FRAME src="blank.html" frameBorder=0 noResize scrolling=no> <FRAMESET border=0 frameSpacing=0 rows=*,585,* frameBorder=0> <FRAME name=Frame1 src="http://.../blank.html" frameBorder=0 noResize scrolling=no> <FRAME name=primaryFrame src="http://.../main.jsp" frameBorder=0 noResize scrolling=no> <FRAME src="http://.../blank.html" frameBorder=0 noResize scrolling=no> </FRAMESET> <FRAME src="http://.../blank.html" frameBorder=0 noResize scrolling=no> </FRAMESET> 其中main.jsp的内容包含以下IFrame：<br><br><iframe id=chatFrame name=chatFrame src="http://.../a.jsp" ></iframe><br><br><iframe id=mainFrame name=mainFrame src="http://.../b.jsp" ></iframe>
具体需求如下：
1. 打开主页面后，在地址栏输入JS代码，将mainFrame的src属性更改为http://.../c.jsp。<br><br>2. 打开主页面后，在地址栏输入JS代码，将mainFrame当前页面中name为"txt1"的文本框值设置为"119"，并点击name为"btn1"的按钮。
经过搜索未找到现成答案，通过自行测试得出以下解决方案，供遇到相同问题的参考。
1. 修改IFrame地址的JS语句：javascript:frames("primaryFrame").document.mainFrame.location=http://.../c.jsp;
2. 设置文本框值并触发按钮点击的JS语句：javascript:var a=frames("primaryFrame").document.mainFrame.document.getElementById("txt1").value="119";frames("primaryFrame").document.mainFrame.document.getElementById("btn1").click();
关于为何在设置文本框值时需要使用var a=frames("primaryFrame").document.mainFrame.document.getElementById("txt1").value="119";这种写法，而非直接赋值，建议读者自行测试体会差异。
1. javascript: frames("primaryFrame").document.mainFrame.location=http://.../c.jsp;
2. javascript: var a=frames("primaryFrame").document.mainFrame.document.getElementById("txt1").value="119"; frames("primaryFrame").document.mainFrame.document.getElementById("btn1").click();
至于设置文本框为什么是var a=frames("primaryFrame").document.mainFrame.document.getElementById("txt1").value="119";而不是直接用frames("primaryFrame").document.mainFrame.document.getElementById("txt1").value="119"; 大家试试就知道了。