用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 相关文章推荐
静态的动态续篇之来点XML
Aug 15 Javascript
vs2003 js文件编码问题的解决方法
Mar 20 Javascript
基于prototype扩展的JavaScript常用函数库
Nov 30 Javascript
JS 实现导航栏悬停效果
Sep 23 Javascript
js拖动div 当鼠标移动时整个div也相应的移动
Nov 21 Javascript
一个JavaScript的求爱小特效
May 09 Javascript
javascript实现简单的html5视频播放器
May 06 Javascript
jQuery Validate设置onkeyup验证的实例代码
Dec 09 Javascript
EditPlus中的正则表达式 实战(4)
Dec 15 Javascript
vue组件实现进度条效果
Jun 06 Javascript
Javascript实现简易天数计算器
May 18 Javascript
微信小程序仿抖音视频之整屏上下切换功能的实现代码
May 24 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版本升级到7.x后wordpress的一些修改及wordpress技巧
2015/12/25 PHP
laravel 中某一字段自增、自减的例子
2019/10/11 PHP
js 巧妙去除数组中的重复项
2010/01/25 Javascript
JavaScript的类型转换(字符转数字 数字转字符)
2010/08/30 Javascript
JavaScript String.replace函数参数实例说明
2013/06/06 Javascript
关闭浏览器时提示onbeforeunload事件
2013/12/25 Javascript
jQuery实现鼠标滑过Div层背景变颜色的方法
2015/02/17 Javascript
JS中常用的正则表达式
2016/09/29 Javascript
jQuery控制元素隐藏和显示
2017/03/03 Javascript
纯JS单页面赛车游戏制作代码分享
2017/03/03 Javascript
vue 如何添加全局函数或全局变量以及单页面的title设置总结
2017/06/01 Javascript
浅谈实现vue2.0响应式的基本思路
2018/02/13 Javascript
[01:45]绝对公平!DOTA2队长征召模式详解
2014/04/25 DOTA
Python程序中使用SQLAlchemy时出现乱码的解决方案
2015/04/24 Python
python创建关联数组(字典)的方法
2015/05/04 Python
Python语言实现获取主机名根据端口杀死进程
2016/03/31 Python
python 文件操作api(文件操作函数)
2016/08/28 Python
Python实现购物系统(示例讲解)
2017/09/13 Python
python机器学习理论与实战(六)支持向量机
2018/01/19 Python
python实现最长公共子序列
2018/05/22 Python
详解安装mitmproxy以及遇到的坑和简单用法
2019/01/21 Python
python查找重复图片并删除(图片去重)
2019/07/16 Python
Django 后台带有字典的列表数据与页面js交互实例
2020/04/03 Python
keras绘制acc和loss曲线图实例
2020/06/15 Python
Pyinstaller打包Scrapy项目的实现步骤
2020/09/22 Python
CSS3实现可爱的小黄人动画
2016/07/11 HTML / CSS
纯css3实现思维导图样式示例
2018/11/01 HTML / CSS
phonegap常用事件总结(必看篇)
2017/03/31 HTML / CSS
Gloeilampgoedkoop荷兰:在线购买灯泡
2019/02/16 全球购物
Lentiamo荷兰:在线订购隐形眼镜、隐形眼镜液和太阳镜
2019/10/25 全球购物
金融事务专业求职信
2014/04/25 职场文书
竞选班干部演讲稿100字
2014/08/20 职场文书
室内趣味活动方案
2014/08/24 职场文书
总账会计岗位职责
2015/04/02 职场文书
撤诉申请怎么写
2015/05/19 职场文书
opencv 分类白天与夜景视频的方法
2021/06/05 Python