用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列举css中所有图标的实现代码
Jul 04 Javascript
一个挺有意思的Javascript小问题说明
Sep 26 Javascript
javascript中onclick(this)用法介绍
Apr 19 Javascript
jQuery中nextAll()方法用法实例
Jan 07 Javascript
原生js和jquery实现图片轮播特效
Apr 23 Javascript
jQuery深拷贝Json对象简单示例
Jul 06 Javascript
AngularJS基础 ng-model-options 指令简单示例
Aug 02 Javascript
关于RequireJS的简单介绍即使用方法
Oct 20 Javascript
jQuery模拟爆炸倒计时功能实例代码
Aug 21 jQuery
微信通过页面(H5)直接打开本地app的解决方法
Sep 09 Javascript
JavaScript基于面向对象实现的无缝滚动轮播示例
Jan 17 Javascript
html-webpack-plugin修改页面的title的方法
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 模拟POST|GET操作实现代码
2010/07/20 PHP
关于PHPDocument 代码注释规范的总结
2013/06/25 PHP
php json_encode值中大括号与花括号区别
2013/09/30 PHP
php实现数组筛选奇数和偶数示例
2014/04/11 PHP
php短网址和数字之间相互转换的方法
2015/03/13 PHP
php操作redis数据库常见方法实例总结
2020/02/20 PHP
TP5框架页面跳转样式操作示例
2020/04/05 PHP
一个选择最快的服务器转向代码
2009/04/27 Javascript
jQuery验证Checkbox是否选中的代码 推荐
2011/09/04 Javascript
jqueyr判断checkbox组的选中(示例代码)
2013/11/08 Javascript
JSuggest自动匹配下拉框使用方法(示例代码)
2013/12/27 Javascript
JavaScript编码风格指南(中文版)
2016/08/26 Javascript
html中鼠标滚轮事件onmousewheel的处理方法
2016/11/11 Javascript
JS基于面向对象实现的多个倒计时器功能示例
2017/02/28 Javascript
Nodejs搭建wss服务器教程
2017/05/24 NodeJs
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
2017/09/22 jQuery
详细分析jsonp的原理和实现方式
2017/11/20 Javascript
JS获取子节点、父节点和兄弟节点的方法实例总结
2018/07/06 Javascript
webpack4 CSS Tree Shaking的使用
2018/09/03 Javascript
微信小程序自定义组件components(代码详解)
2019/10/21 Javascript
2019年度web前端面试题总结(主要为Vue面试题)
2020/01/12 Javascript
Javascript实现关闭广告效果
2021/01/29 Javascript
[26:24]完美副总裁、DOTA2负责人蔡玮专访:电竞如人生
2014/09/11 DOTA
简明 Python 基础学习教程
2007/02/08 Python
python实现的各种排序算法代码
2013/03/04 Python
开源软件包和环境管理系统Anaconda的安装使用
2017/09/04 Python
keras小技巧——获取某一个网络层的输出方式
2020/05/23 Python
Numpy(Pandas)删除全为零的列的方法
2020/09/11 Python
基于python实现坦克大战游戏
2020/10/27 Python
python爬虫基础之urllib的使用
2020/12/31 Python
员工培训邀请函
2014/01/11 职场文书
幼儿园春游活动方案
2014/01/19 职场文书
法律专业求职信
2014/05/24 职场文书
美术课外活动总结
2014/07/08 职场文书
小学运动会入场口号
2015/12/24 职场文书
门面租赁合同范文
2019/08/06 职场文书