用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 解析url的search方法
Feb 09 Javascript
Jquery乱码的一次解决过程 图解教程
Feb 20 Javascript
javascript 常用功能总结
Mar 18 Javascript
jquery.Jwin.js 基于jquery的弹出层插件代码
May 23 Javascript
jQuery获取样式中的背景颜色属性值/颜色值
Dec 17 Javascript
jQuery Mobile的loading对话框显示/隐藏方法分享
Nov 26 Javascript
js微信分享API
Oct 11 Javascript
JS实现类似51job上的地区选择效果示例
Nov 17 Javascript
vue-cli如何快速构建vue项目
Apr 26 Javascript
深入理解vue-router之keep-alive
Aug 31 Javascript
vue 点击按钮增加一行的方法
Sep 07 Javascript
解决angularjs service中依赖注入$scope报错的问题
Oct 02 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
日本收入最高的漫画家:海贼王作者版税年收入高达8.45亿元
2020/03/04 日漫
电脑硬件及电脑配置知识大全
2020/03/17 数码科技
处理单名多值表单的详解
2013/06/08 PHP
php实现的替换敏感字符串类实例
2014/09/22 PHP
php实现用于验证所有类型的信用卡类
2015/03/24 PHP
ubuntu下配置nginx+php+mysql详解
2015/09/10 PHP
PHP实现驼峰样式字符串(首字母大写)转换成下划线样式字符串的方法示例
2017/08/10 PHP
Laravel Intervention/image图片处理扩展包的安装、使用与可能遇到的坑详解
2017/11/14 PHP
jQuery插件 tabBox实现代码
2010/02/09 Javascript
Dom 学习总结以及实例的使用介绍
2013/04/24 Javascript
Javascript 修改String 对象 增加去除空格功能(示例代码)
2013/11/30 Javascript
js中哈希表的几种用法总结
2014/01/28 Javascript
javascript(js)的小数点乘法除法问题详解
2014/03/07 Javascript
JavaScript中的document.referrer在各种浏览器测试结果
2014/07/18 Javascript
node.js中的fs.truncate方法使用说明
2014/12/15 Javascript
js实现简单的验证码
2015/12/25 Javascript
js解决movebox移动问题
2016/03/29 Javascript
基于javascript实现tab选项卡切换特效调试笔记
2016/03/30 Javascript
Highcharts 多个Y轴动态刷新数据的实现代码
2016/05/28 Javascript
jQuery树形插件jquery.simpleTree.js用法分析
2016/09/05 Javascript
浅谈javascript的闭包
2017/01/23 Javascript
JavaScript中闭包的详解
2017/04/01 Javascript
vue+elementui 对话框取消 表单验证重置示例
2019/10/29 Javascript
浅谈React中组件逻辑复用的那些事儿
2020/05/21 Javascript
基于javascript的无缝滚动动画1
2020/08/07 Javascript
解决python中无法自动补全代码的问题
2018/12/04 Python
解决python3运行selenium下HTMLTestRunner报错的问题
2018/12/27 Python
python 计算积分图和haar特征的实例代码
2019/11/20 Python
tensorflow图像裁剪进行数据增强操作
2020/06/30 Python
英国购买威士忌网站:Master of Malt
2019/09/26 全球购物
车间班组长的职责
2013/12/13 职场文书
2015年元旦促销方案书
2014/12/09 职场文书
补充协议书
2015/01/28 职场文书
餐饮服务食品安全承诺书
2015/04/29 职场文书
观后感的写法
2015/06/19 职场文书
浅析python中特殊文件和特殊函数
2022/02/24 Python