通过地址栏JS脚本操作Frame内嵌IFrame及表单元素

通过地址栏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"; 大家试试就知道了。