用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 给汉字排序实例代码
Jun 28 Javascript
jquery text()要注意啦
Oct 30 Javascript
javascript 获取页面的高度及滚动条的位置的代码
May 06 Javascript
localResizeIMG先压缩后使用ajax无刷新上传(移动端)
Aug 11 Javascript
Angularjs 设置全局变量的方法总结
Oct 20 Javascript
JS点击缩略图整屏居中放大图片效果
Jul 04 Javascript
echart简介_动力节点Java学院整理
Aug 11 Javascript
浅谈vue引用静态资源需要注意的事项
Sep 28 Javascript
详解javascript 变量提升(Hoisting)
Mar 12 Javascript
koa+mongoose实现简单增删改查接口的示例代码
May 13 Javascript
Vue解析剪切板图片并实现发送功能
Feb 04 Javascript
解决vue-router 切换tab标签关闭时缓存问题
Jul 22 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
PHP cron中的批处理
2008/09/16 PHP
php中curl和soap方式请求服务超时问题的解决
2018/06/11 PHP
firefox中用javascript实现鼠标位置的定位
2007/06/17 Javascript
通过继承IHttpHandle实现JS插件的组织与管理
2010/07/13 Javascript
javascript中的关于类型转换的性能优化
2010/12/14 Javascript
javascript各浏览器中option元素的表现差异
2011/04/07 Javascript
用javascript作一个通用向导说明
2011/08/30 Javascript
javascript错误的认识不用关心内存管理
2012/12/15 Javascript
基于JQuery 滑动与动画的说明介绍
2013/04/18 Javascript
修改file按钮的默认样式实现代码
2013/04/23 Javascript
Jquery显示和隐藏元素或设为只读(含Ligerui的控件禁用,实例说明介绍)
2013/07/09 Javascript
jquery基本选择器匹配多个元素的实现方法
2016/09/05 Javascript
使用Browserify来实现CommonJS的浏览器加载方法
2017/05/14 Javascript
jQuery使用ajax_动力节点Java学院整理
2017/07/05 jQuery
vue里面v-bind和Props 利用props绑定动态数据的方法
2018/08/27 Javascript
JS如何生成随机验证码
2020/03/02 Javascript
详解React路由传参方法汇总记录
2020/11/29 Javascript
[01:52]DOTA2完美大师赛Vega战队趣味视频——kpii老师小课堂
2017/11/25 DOTA
啥是佩奇?使用Python自动绘画小猪佩奇的代码实例
2019/02/20 Python
Python 使用PyQt5 完成选择文件或目录的对话框方法
2019/06/27 Python
django2笔记之路由path语法的实现
2019/07/17 Python
Python K最近邻从原理到实现的方法
2019/08/15 Python
python实现批量文件重命名
2019/10/31 Python
Python socket实现的文件下载器功能示例
2019/11/15 Python
Python如何急速下载第三方库详解
2020/11/02 Python
一款基于css3的列表toggle特效实例教程
2015/01/04 HTML / CSS
手工制作的意大利太阳镜和光学元件:Illesteva
2019/01/19 全球购物
面向游戏玩家和书呆子的极客订阅盒:Loot Crate
2020/11/25 全球购物
入股协议书
2014/04/14 职场文书
教师党员个人整改措施材料
2014/09/16 职场文书
2014年幼儿园工作总结
2014/11/10 职场文书
财务出纳岗位职责
2015/03/31 职场文书
开场白怎么写
2015/06/01 职场文书
《鸡兔同笼》教学反思
2016/02/19 职场文书
《天净沙·秋思》教学反思三篇
2019/11/02 职场文书
SQL Server数据库查询出现阻塞之性能调优
2022/04/10 SQL Server