用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 document.execCommand() 常用解析
Dec 14 Javascript
Jquery进度条插件 Progress Bar小问题解决
Jul 12 Javascript
js获取指定日期前后的日期代码
Aug 20 Javascript
js实现select跳转菜单新窗口效果代码分享(超简单)
Aug 21 Javascript
jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法
Nov 16 Javascript
Angular的$http与$location
Dec 26 Javascript
JavaScript常用正则验证函数实例小结【年龄,数字,Email,手机,URL,日期等】
Jan 23 Javascript
Vue插件写、用详解(附demo)
Mar 20 Javascript
angular2+node.js express打包部署的实战
Jul 27 Javascript
zTree异步加载展开第一级节点的实现方法
Sep 05 Javascript
layui中layer前端组件实现图片显示功能的方法分析
Oct 13 Javascript
react中Suspense的使用详解
Sep 01 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实现的农历算法实例
2015/08/11 PHP
Yii2.0中的COOKIE和SESSION用法
2016/08/12 PHP
PHP上传图片时判断上传文件是否为可用图片的方法
2016/10/20 PHP
js数组转json并在后台对其解析具体实现
2013/11/20 Javascript
Javascript中对象继承的实现小例
2014/05/12 Javascript
JS实现自动定时切换的简洁网页选项卡效果
2015/10/13 Javascript
JavaScript中判断数据类型的方法总结
2016/05/24 Javascript
VUE JS 使用组件实现双向绑定的示例代码
2017/01/10 Javascript
ES6中Generator与异步操作实例分析
2017/03/31 Javascript
Bootstrap 3浏览器兼容性问题及解决方案
2017/04/11 Javascript
浅析node Async异步处理模块用例分析及常用方法介绍
2017/11/17 Javascript
validform表单验证的实现方法
2019/03/08 Javascript
vue 组件内获取actions的response方式
2019/11/08 Javascript
vue-cli打包后本地运行dist文件中的index.html操作
2020/08/12 Javascript
[02:34]DOTA2英雄基础教程 幽鬼
2014/01/02 DOTA
haskell实现多线程服务器实例代码
2013/11/26 Python
Python中集合的内建函数和内建方法学习教程
2015/08/19 Python
一个基于flask的web应用诞生 使用模板引擎和表单插件(2)
2017/04/11 Python
Python 打印中文字符的三种方法
2018/08/14 Python
使用python的pandas库读取csv文件保存至mysql数据库
2018/08/20 Python
python3+PyQt5 使用三种不同的简便项窗口部件显示数据的方法
2019/06/17 Python
Windows下实现将Pascal VOC转化为TFRecords
2020/02/17 Python
Python解释器以及PyCharm的安装教程图文详解
2020/02/26 Python
浅谈python 调用open()打开文件时路径出错的原因
2020/06/05 Python
基于matplotlib中ion()和ioff()的使用详解
2020/06/16 Python
谈谈python垃圾回收机制
2020/09/27 Python
Joseph官网:英国小众奢侈品牌
2019/05/17 全球购物
请说出以下代码输出什么
2013/08/30 面试题
企业管理专业个人求职信范文
2013/09/24 职场文书
多媒体编辑专业毕业生推荐信
2013/11/05 职场文书
中层干部竞争上岗演讲稿
2014/01/13 职场文书
毕业晚会主持词
2014/03/24 职场文书
党的群众路线教育实践活动个人对照检查材料(公安)
2014/11/05 职场文书
财务审计整改报告
2014/11/06 职场文书
《我是什么》教学反思
2016/02/16 职场文书
坚持不是死撑,更重要的是心态
2019/08/19 职场文书