用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监听输入框值的即时变化onpropertychange、oninput
Jul 13 Javascript
ext中store.load跟store.reload的区别示例介绍
Jun 17 Javascript
用JavaScript实现页面重定向功能的教程
Jun 04 Javascript
理解js对象继承的N种模式
Jan 25 Javascript
基于js实现二级下拉联动
Dec 17 Javascript
bootstrap 模态框(modal)实现水平垂直居中显示
Jan 23 Javascript
JS+Ajax实现百度智能搜索框
Aug 04 Javascript
用vue封装插件并发布到npm的方法步骤
Oct 18 Javascript
基于JavaScript实现五子棋游戏
Aug 26 Javascript
AngularJS基于MVC的复杂操作实例讲解
Dec 31 Javascript
微信小程序之swiper轮播图中的图片自适应高度的方法
Apr 23 Javascript
微信h5静默和非静默授权获取用户openId的方法和步骤
Jun 08 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
一个oracle+PHP的查询的例子
2006/10/09 PHP
php使用date和strtotime函数输出指定日期的方法
2014/11/14 PHP
PHP使用缓存即时输出内容(output buffering)的方法
2015/08/03 PHP
Zend Framework教程之模型Model用法简单实例
2016/03/04 PHP
YII框架中搜索分页jQuery写法详解
2016/12/19 PHP
拖动Html元素集合 Drag and Drop any item
2006/12/22 Javascript
javascript 兼容FF的onmouseenter和onmouseleave的代码
2008/07/19 Javascript
Javascript 陷阱 window全局对象
2008/11/26 Javascript
js 事件处理函数间的Event物件是否全等
2011/04/08 Javascript
js文本框输入点回车触发确定兼容IE、FF等
2013/11/19 Javascript
SeaJS入门教程系列之完整示例(三)
2014/03/03 Javascript
jQuery如何防止这种冒泡事件发生
2015/02/27 Javascript
JavaScript弹出新窗口并控制窗口移动到指定位置的方法
2015/04/06 Javascript
window.onload与$(document).ready()的区别分析
2015/05/30 Javascript
js中的内部属性与delete操作符介绍
2015/08/10 Javascript
Javascript之String对象详解
2016/06/08 Javascript
AngularJS页面带参跳转及参数解析操作示例
2017/06/28 Javascript
基于Vue框架vux组件库实现上拉刷新功能
2017/11/28 Javascript
nodejs基于mssql模块连接sqlserver数据库的简单封装操作示例
2018/01/05 NodeJs
vue进行图片的预加载watch用法实例讲解
2018/02/07 Javascript
React Navigation 使用中遇到的问题小结
2018/05/08 Javascript
layui的select联动实现代码
2019/09/28 Javascript
JS实现商城秒杀倒计时功能(动态设置秒杀时间)
2019/12/12 Javascript
vue 清空input标签 中file的值操作
2020/07/21 Javascript
Vant picker 多级联动操作
2020/11/02 Javascript
[01:03]悬念揭晓 11月26日DOTA2完美盛典不见不散
2017/11/23 DOTA
python矩阵的转置和逆转实例
2018/12/12 Python
使用SQLAlchemy操作数据库表过程解析
2020/06/10 Python
亚洲领先的设计购物网站:Pinkoi
2020/11/26 全球购物
公司副总经理任命书
2014/06/05 职场文书
品质标语大全
2014/06/21 职场文书
给领导的感谢信范文
2015/01/23 职场文书
技术员岗位职责
2015/02/04 职场文书
致毕业季:你如何做好自己的职业生涯规划书?
2019/07/01 职场文书
Python数据结构之队列详解
2022/03/21 Python
Python的代理类实现,控制访问和修改属性的权限你都了解吗
2022/03/21 Python