用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 单引号 传递方法
Jun 22 Javascript
javascript 变量作用域 代码分析
Jun 26 Javascript
JavaScript 三种创建对象的方法
Oct 16 Javascript
浅析JavaScript基本类型与引用类型
May 28 Javascript
Javascript中神奇的this
Jan 20 Javascript
javascript三种代码注释方法
Jun 02 Javascript
jQuery插件FusionCharts绘制2D环饼图效果示例【附demo源码】
Apr 10 jQuery
vue服务端渲染页面缓存和组件缓存的实例详解
Sep 18 Javascript
webpack4与babel配合使es6代码可运行于低版本浏览器的方法
Oct 12 Javascript
解决ie11 SCRIPT5011:不能执行已释放Script的代码问题
May 05 Javascript
JavaScript 常见的继承方式汇总
Sep 17 Javascript
JS跨浏览器解析XML应用过程详解
Oct 16 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设置一边执行一边输出结果的代码
2013/09/30 PHP
Win7下手动安装apache2.2、php5.4笔记
2015/04/03 PHP
Yii数据读取与跳转参数传递用法实例分析
2016/07/12 PHP
利用PHP生成静态html页面的原理
2016/09/30 PHP
PHP自动识别当前使用移动终端
2018/05/21 PHP
从ThinkPHP3.2.3过渡到ThinkPHP5.0学习笔记图文详解
2019/04/03 PHP
jQuery EasyUI API 中文文档 - Dialog对话框
2011/11/15 Javascript
基于jquery的放大镜效果
2012/05/30 Javascript
js 调用父窗口的具体实现代码
2013/07/15 Javascript
禁止选中文字兼容IE、Chrome、FF等
2013/09/04 Javascript
Javascript基础教程之数据类型转换
2015/01/18 Javascript
JQuery入门基础小实例(1)
2015/09/17 Javascript
JavaScript小技巧整理篇(非常全)
2016/01/26 Javascript
jQuery图片轮播插件——前端开发必看
2016/05/31 Javascript
Bootstrap3 模态框使用实例
2017/02/22 Javascript
js实现字符全排列算法的简单方法
2017/05/01 Javascript
浅谈Vue-cli单文件组件引入less,sass,css样式的不同方法
2018/03/13 Javascript
JS防抖和节流实例解析
2019/09/24 Javascript
node.js中 mysql 增删改查操作及async,await处理实例分析
2020/02/11 Javascript
使用Angular9和TypeScript开发RPG游戏的方法
2020/03/25 Javascript
[01:07:17]EG vs Optic Supermajor 败者组 BO3 第一场 6.6
2018/06/07 DOTA
python选择排序算法的实现代码
2013/11/21 Python
python方法生成txt标签文件的实例代码
2018/05/10 Python
python 动态调用函数实例解析
2019/10/21 Python
HTML5中canvas中的beginPath()和closePath()的重要性
2018/08/24 HTML / CSS
css 如何让背景图片拉伸填充避免重复显示
2013/07/11 HTML / CSS
德国宠物用品、宠物食品及水族馆网上商店:ZooRoyal
2017/07/09 全球购物
写一个用矩形法求定积分的通用函数
2012/11/08 面试题
安全检查验收制度
2014/01/12 职场文书
甜美蛋糕店创业计划书
2014/01/30 职场文书
2015年见习期工作总结
2014/12/12 职场文书
常务副总经理岗位职责
2015/02/02 职场文书
热血教师观后感
2015/06/10 职场文书
初中体育课教学反思
2016/02/16 职场文书
《红领巾真好》教学反思
2016/02/16 职场文书
MySQL中B树索引和B+树索引的区别详解
2022/03/03 MySQL