用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 相关文章推荐
js使用ajax读博客rss示例
May 06 Javascript
JavaScript实现的链表数据结构实例
Apr 02 Javascript
JS实现跟随鼠标立体翻转图片的方法
May 04 Javascript
jquery实现定时自动轮播特效
Dec 10 Javascript
浅谈JS中逗号运算符的用法
Jun 12 Javascript
js遍历map javaScript遍历map的简单实现
Aug 26 Javascript
Vue.js实战之组件的进阶
Apr 04 Javascript
node中使用es5/6以及支持性与性能对比
Aug 11 Javascript
jQuery实现广告条滚动效果
Aug 22 jQuery
在vue中通过axios异步使用echarts的方法
Jan 13 Javascript
vue中$refs, $emit, $on, $once, $off的使用详解
May 26 Javascript
js防抖函数和节流函数使用场景和实现区别示例分析
Apr 11 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
phplot生成图片类用法详解
2015/01/06 PHP
关于PHP定时发送服务的解决办法
2017/04/23 PHP
为你的 Laravel 验证器加上多验证场景的实现
2020/04/07 PHP
Javascript 面向对象 重载
2010/05/13 Javascript
关于this和self的使用说明
2010/08/01 Javascript
js调用图片隐藏&amp;显示实现代码
2013/09/13 Javascript
JavaScript使用yield模拟多线程的方法
2015/03/19 Javascript
微信小程序 action-sheet底部菜单详解
2016/10/27 Javascript
浅谈vue+webpack项目调试方法步骤
2017/09/11 Javascript
浅谈Vue-cli单文件组件引入less,sass,css样式的不同方法
2018/03/13 Javascript
重学JS 系列:聊聊继承(推荐)
2019/04/11 Javascript
JavaScript使用ul中li标签实现删除效果
2019/04/15 Javascript
Layui数据表格跳转到指定页的实现方法
2019/09/05 Javascript
微信小程序实现一个简单swiper代码实例
2019/12/30 Javascript
vue项目中使用bpmn-自定义platter的示例代码
2020/05/11 Javascript
nodejs各种姿势断点调试的方法
2020/06/18 NodeJs
js实现购物车商品数量加减
2020/09/21 Javascript
python使用mysqldb连接数据库操作方法示例详解
2013/12/03 Python
Python 列表排序方法reverse、sort、sorted详解
2016/01/22 Python
Python获取某一天是星期几的方法示例
2017/01/17 Python
python通过实例讲解反射机制
2019/10/17 Python
Pytorch之finetune使用详解
2020/01/18 Python
Python调用C/C++的方法解析
2020/08/05 Python
PyCharm设置注释字体颜色以及是否倾斜的操作
2020/09/16 Python
html5自动播放mov格式视频的实例代码
2020/01/14 HTML / CSS
波兰运动鞋网上商店:e-Sporting
2018/02/16 全球购物
在印度上传处方,在线订购药品:Medlife
2019/03/28 全球购物
荷兰DOD药房中文官网:DeOnlineDrogist
2020/12/27 全球购物
农民致富事迹材料
2014/01/23 职场文书
交通事故和解协议书
2014/09/25 职场文书
班子成员四风问题自我剖析材料
2014/09/29 职场文书
2015年新农合工作总结
2015/03/30 职场文书
大学生心理健康活动总结
2015/05/08 职场文书
详解JVM系列之内存模型
2021/06/10 Javascript
kubernetes集群搭建Zabbix监控平台的详细过程
2022/07/07 Servers
css清除浮动clearfix:after的用法详解(附完整代码)
2023/05/21 HTML / CSS