用JS操作FRAME中的IFRAME及其内容的实现代码


Posted in Javascript onJuly 26, 2008

问:想通过在地址栏输入一段JS来设置一下页面里某个FRAME中的IFRAME的URL和里面某个TEXT的值,然后点击提交按钮。注意:页面是其它网站的,不要给出一些改动页面代码的答案。具体情况如下:

主页面.htm:

view plaincopy to clipboardprint?
<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>   

 <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 id=chatFrame name=chatFrame src="http://.../a.jsp" ></iframe>

 <iframe id=mainFrame name=mainFrame src="http://.../b.jsp" ></iframe> 

要求: 

1.当打开主页面后,在地址栏里输入一段JS,来改变mainFrame的src为http://.../c.jsp. 

2.当打开主页面后,在地址栏里输入一段JS,来设置mainFrame此时的页面中name为"txt1"的文本框的值为"119",并点击其中name为"btn1"的按钮. 

GOOGLE了一下,还真没找到现成的类似答案。于是自己试了试,试出了答案。相信对于再问同样问题的朋友,可以有所帮助。

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"; 大家试试就知道了。

Javascript 相关文章推荐
javascript new后的constructor属性
Aug 05 Javascript
JS限制Textarea文本域字符个数的具体实现
Aug 02 Javascript
Angular2 (RC5) 路由与导航详解
Sep 21 Javascript
JS使用setInterval实现的简单计时器功能示例
Apr 19 Javascript
vue.js计算属性computed用法实例分析
Jul 06 Javascript
Vue 实现展开折叠效果的示例代码
Aug 27 Javascript
vue项目每30秒刷新1次接口的实现方法
Dec 04 Javascript
如何利用ES6进行Promise封装总结
Feb 11 Javascript
微信小程序实现人脸识别登陆的示例代码
Apr 02 Javascript
Vue 实例事件简单示例
Sep 19 Javascript
在vue中把含有html标签转为html渲染页面的实例
Oct 28 Javascript
vue proxy 的优势与使用场景实现
Jun 15 Javascript
发一个自己用JS写的实用看图工具实现代码
Jul 26 #Javascript
对JavaScript的eval()中使用函数的进一步讨论
Jul 26 #Javascript
js树形控件脚本代码
Jul 24 #Javascript
js类中的公有变量和私有变量
Jul 24 #Javascript
javascript IE中的DOM ready应用技巧
Jul 23 #Javascript
css把超出的部分显示为省略号的方法兼容火狐
Jul 23 #Javascript
用JavaScript实现UrlEncode和UrlDecode的脚本代码
Jul 23 #Javascript
You might like
URL Rewrite的设置方法
2007/01/02 PHP
php获取错误信息的方法
2015/07/17 PHP
详解配置 Apache 服务器支持 PHP 文件的解析
2017/02/15 PHP
php安装扩展mysqli的实现步骤及报错解决办法
2017/09/23 PHP
laravel框架的安装与路由实例分析
2019/10/11 PHP
javascript中利用数组实现的循环队列代码
2010/01/24 Javascript
jQuery prev ~ siblings选择器使用介绍
2013/08/09 Javascript
JSONP跨域的原理解析及其实现介绍
2014/03/22 Javascript
jquery和css3实现的炫酷时尚的菜单导航
2014/09/01 Javascript
基于javascript的COOkie的操作实现只能点一次
2014/12/26 Javascript
jQuery实现ichat在线客服插件
2014/12/29 Javascript
JavaScript判断按钮被点击的方法
2015/12/13 Javascript
jQuery属性选择器用法示例
2016/09/09 Javascript
jQuery实现限制文本框的输入长度
2017/01/11 Javascript
jQuery实现淡入淡出的模态框
2017/02/09 Javascript
Electron autoUpdater实现Windows安装包自动更新的方法
2018/12/24 Javascript
Element实现表格嵌套、多个表格共用一个表头的方法
2020/05/09 Javascript
js实现3D旋转相册
2020/08/02 Javascript
关于element-ui表单中限制输入纯数字的解决方式
2020/09/08 Javascript
[02:43]DOTA2英雄基础教程 德鲁伊
2014/01/13 DOTA
Python中的MongoDB基本操作:连接、查询实例
2015/02/13 Python
python实现下载指定网址所有图片的方法
2015/08/08 Python
详解Python中的静态方法与类成员方法
2017/02/28 Python
小白如何入门Python? 制作一个网站为例
2018/03/06 Python
Python简单实现查找一个字符串中最长不重复子串的方法
2018/03/26 Python
Python脚本修改阿里云的访问控制列表的方法
2019/03/08 Python
使用django的objects.filter()方法匹配多个关键字的方法
2019/07/18 Python
python实现小世界网络生成
2019/11/21 Python
Python迭代器协议及for循环工作机制详解
2020/07/14 Python
澳大利亚Rockwear官网:女子瑜伽、健身和运动服
2021/01/26 全球购物
经济实惠的名牌太阳镜和眼镜:Privé Revaux
2021/02/07 全球购物
几道PHP的面试题
2012/05/19 面试题
90后毕业生的求职信范文
2013/09/21 职场文书
2015年党风廉政承诺书
2015/01/22 职场文书
赢在中国观后感
2015/06/02 职场文书
工作后的感想
2015/08/07 职场文书