用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 相关文章推荐
JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
Jan 12 Javascript
深入理解JavaScript系列(17):面向对象编程之概论详细介绍
Mar 04 Javascript
javascript获取网页宽高方法汇总
Jul 19 Javascript
js实现select下拉框菜单
Dec 08 Javascript
基于JavaScript实现跳转提示页面
Sep 24 Javascript
微信小程序 自动登陆PHP源码实例(源码下载)
May 08 Javascript
jQuery 导航自动跟随滚动的实现代码
May 30 jQuery
element-ui 关于获取select 的label值方法
Aug 24 Javascript
对vue中methods互相调用的方法详解
Aug 30 Javascript
JavaScript显式数据类型转换详解
Mar 18 Javascript
微信小程序webview组件交互,内联h5页面并网页实现微信支付实现解析
Aug 16 Javascript
js实现ajax的用户简单登入功能
Jun 18 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下载文件的详解
2013/06/02 PHP
php mysql获取表字段名称和字段信息的三种方法
2016/11/13 PHP
ThinkPHP5.0框架使用build 自动生成模块操作示例
2019/04/11 PHP
JavaScript 继承机制的实现(待续)
2010/05/18 Javascript
jquery 实现checkbox全选,反选,全不选等功能代码(奇数)
2012/10/24 Javascript
JavaScript实现横向滑出的多级菜单效果
2015/10/09 Javascript
基于jQuery实现动态搜索显示功能
2016/05/05 Javascript
详解webpack + vue + node 打造单页面(入门篇)
2017/09/23 Javascript
JsChart组件使用详解
2018/03/04 Javascript
angular6的table组件开发的实现示例
2018/12/26 Javascript
vue实现的仿淘宝购物车功能详解
2019/01/27 Javascript
Vue多组件仓库开发与发布详解
2019/02/28 Javascript
说说Vuex的getters属性的具体用法
2019/04/15 Javascript
Vue 开发必须知道的36个技巧(小结)
2019/10/09 Javascript
微信小程序 点击切换样式scroll-view实现代码实例
2019/10/11 Javascript
微信小程序云开发获取文件夹下所有文件(推荐)
2019/11/14 Javascript
ES6学习笔记之字符串、数组、对象、函数新增知识点实例分析
2020/01/22 Javascript
Vue实现PC端靠边悬浮球的代码
2020/05/09 Javascript
javascript全局自定义鼠标右键菜单
2020/12/08 Javascript
[46:58]完美世界DOTA2联赛PWL S3 Forest vs LBZS 第一场 12.17
2020/12/19 DOTA
python 将字符串转换成字典dict
2013/03/24 Python
用python简单实现mysql数据同步到ElasticSearch的教程
2018/05/30 Python
python学习--使用QQ邮箱发送邮件代码实例
2019/04/16 Python
Django基础知识 URL路由系统详解
2019/07/18 Python
如何用Python来搭建一个简单的推荐系统
2019/08/07 Python
python 中xpath爬虫实例详解
2019/08/26 Python
Django获取应用下的所有models的例子
2019/08/30 Python
关于python中导入文件到list的问题
2020/10/31 Python
预订奥兰多和佛罗里达州公园门票:FloridaTix
2018/01/03 全球购物
80年代复古T恤:TruffleShuffle
2018/07/02 全球购物
The Athlete’s Foot新西兰:新西兰最大的运动鞋零售商
2019/12/23 全球购物
求职毕业生自荐书
2014/02/08 职场文书
经理秘书求职自荐信范文
2014/03/23 职场文书
无私奉献演讲稿
2014/09/04 职场文书
公司试用期员工自我评价
2014/09/17 职场文书
大学毕业生自我鉴定范文
2019/06/21 职场文书