用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 相关文章推荐
Javascript中call与apply的学习笔记
Sep 22 Javascript
jQuery实现彩带延伸效果的网页加载条loading动画
Oct 29 Javascript
JS实现点击登录弹出窗口同时背景色渐变动画效果
Mar 25 Javascript
实例讲解DataTables固定表格宽度(设置横向滚动条)
Jul 11 Javascript
webpack3之loader全解析
Oct 26 Javascript
JavaScript屏蔽Backspace键的实现代码
Nov 02 Javascript
jQuery+ajax实现动态添加表格tr td功能示例
Apr 23 jQuery
简单明了区分escape、encodeURI和encodeURIComponent
May 26 Javascript
浅谈Vue数据响应思路之数组
Nov 06 Javascript
微信小程序学习笔记之文件上传、下载操作图文详解
Mar 29 Javascript
vue实现后台管理权限系统及顶栏三级菜单显示功能
Jun 19 Javascript
vue使用vant中的checkbox实现全选功能
Nov 17 Vue.js
发一个自己用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实现的支持断点续传的文件下载类
2014/09/23 PHP
PHP自动重命名文件实现方法
2014/11/04 PHP
php代码架构的八点注意事项
2016/01/25 PHP
PHP通过微信跳转的Code参数获取用户的openid(关键代码)
2016/07/06 PHP
简单实现php上传文件功能
2017/09/21 PHP
PHP7扩展开发之基于函数方式使用lib库的方法详解
2018/01/15 PHP
php连接mysql之mysql_connect()与mysqli_connect()的区别
2020/07/19 PHP
推荐:极酷右键菜单
2006/11/29 Javascript
Jquery作者John Resig自己封装的javascript 常用函数
2009/11/09 Javascript
JS小功能(列表页面隔行变色)简单实现
2013/11/28 Javascript
jQuery$命名冲突怎么办如何解决
2014/01/16 Javascript
JavaScript中Math.SQRT2属性的使用详解
2015/06/14 Javascript
Angular.js与Bootstrap相结合实现表格分页代码
2016/04/12 Javascript
jQuery simpleModal插件的使用介绍
2016/08/30 Javascript
关于两个jQuery(js)特效冲突的bug的解决办法
2016/09/04 Javascript
Nodejs进阶:如何将图片转成datauri嵌入到网页中去实例
2016/11/21 NodeJs
Angular动态添加、删除输入框并计算值实例代码
2017/03/29 Javascript
bootstrap里bootstrap动态加载下拉框的实例讲解
2018/08/10 Javascript
jQuery移动端跑马灯抽奖特效升级版(抽奖概率固定)实现方法
2019/01/18 jQuery
vue+element模态框中新增模态框和删除功能
2019/06/11 Javascript
vue之组件内监控$store中定义变量的变化详解
2019/11/08 Javascript
约瑟夫问题的Python和C++求解方法
2015/08/20 Python
pygame实现弹力球及其变速效果
2017/07/03 Python
python opencv实现任意角度的透视变换实例代码
2018/01/12 Python
python 获取文件下所有文件或目录os.walk()的实例
2018/04/23 Python
python线程池threadpool使用篇
2018/04/27 Python
Python 简单计算要求形状面积的实例
2020/01/18 Python
canvas 下载二维码和图片加水印的方法
2018/03/21 HTML / CSS
医学毕业生自我鉴定
2013/10/30 职场文书
承办会议欢迎词
2014/01/17 职场文书
保险公司开门红口号
2014/06/21 职场文书
工商局所长四风自我剖析及整改措施
2014/10/26 职场文书
自我检讨书范文
2015/01/28 职场文书
医德医风个人总结
2015/02/28 职场文书
python opencv人脸识别考勤系统的完整源码
2021/04/26 Python
SQL CASE 表达式的具体使用
2022/03/21 SQL Server