用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改变position值实现菜单滚动至顶部后固定
Jan 18 Javascript
javascript计算用户打开网页的停留时间
Jan 09 Javascript
js中数组(Array)的排序(sort)注意事项说明
Jan 24 Javascript
更快的异步执行(setTimeout多浏览器)
Aug 12 Javascript
jquery向上向下取整适合分页查询
Sep 06 Javascript
黑帽seo劫持程序,js劫持搜索引擎代码
Sep 15 Javascript
将List对象列表转换成JSON格式的类实现方法
Jul 04 Javascript
JS遍历ul下的li点击弹出li的索引的实现方法
Sep 19 Javascript
jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题
Apr 04 jQuery
xmlplus组件设计系列之下拉刷新(PullRefresh)(6)
May 03 Javascript
Vue.js 踩坑记之双向绑定
May 03 Javascript
jquery 遍历hash操作示例【基于ajax交互】
Oct 12 jQuery
发一个自己用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
咖啡豆的最常见发酵处理方法,详细了解一下
2021/03/03 冲泡冲煮
聊天室php&amp;mysql(一)
2006/10/09 PHP
PHP文本操作类
2006/11/25 PHP
MySql 按时间段查询数据方法(实例说明)
2008/11/02 PHP
PHP SQLite类
2009/05/07 PHP
php下连接mssql2005的代码
2011/01/17 PHP
PHP中替换换行符的几种方法小结
2012/10/15 PHP
php数组合并array_merge()函数使用注意事项
2014/06/19 PHP
PHP数据库操作Helper类完整实例
2016/05/11 PHP
Laravel学习教程之路由模块
2017/08/18 PHP
支持汉转拼和拼音分词的PHP中文工具类ChineseUtil
2018/02/23 PHP
javascript 尚未实现错误解决办法
2008/11/27 Javascript
JavaScript 创建对象和构造类实现代码
2009/07/30 Javascript
Jquery下:nth-child(an+b)的使用注意
2011/05/28 Javascript
javascript实现促销倒计时+fixed固定在底部
2013/09/18 Javascript
jQuery检测某个元素是否存在代码分享
2015/07/09 Javascript
Bootstrap Table使用方法详解
2016/08/01 Javascript
JavaScript实现广告弹窗效果
2016/08/09 Javascript
再谈javascript注入 黑客必备!
2016/09/14 Javascript
CSS3结合jQuery实现动画效果及回调函数的实例
2017/12/27 jQuery
在Vue项目中引入腾讯验证码服务的教程
2018/04/03 Javascript
js DOM的事件常见操作实例详解
2019/12/16 Javascript
js实现浏览器打印功能的示例代码
2020/07/15 Javascript
jquery实现淡入淡出轮播图效果
2020/12/13 jQuery
python Flask实现restful api service
2017/12/04 Python
Django项目中包含多个应用时对url的配置方法
2018/05/30 Python
python try except 捕获所有异常的实例
2018/10/18 Python
Python浮点型(float)运算结果不正确的解决方案
2020/09/22 Python
eBay加拿大站:eBay.ca
2019/06/20 全球购物
装修致歉信
2014/01/15 职场文书
设计师个人求职信范文
2014/02/02 职场文书
文明家庭先进事迹材料
2014/05/14 职场文书
节约用水标语
2014/06/11 职场文书
通报表扬范文
2015/01/17 职场文书
什么是执行力?9个故事告诉您:成功绝非偶然!
2019/07/05 职场文书
OpenCV-Python实现人脸美白算法的实例
2021/06/11 Python