从父页面读取和操作iframe中内容方法
来源:互联网 发布:淘宝看数据软件 编辑:程序博客网 时间:2024/05/17 02:20
基本的操作方法:
document.frames("frame_id").document.action;
其中,frame_id是该父页面需要进行操作的iframe的id,action是iframe中的相关操作。
从该方法中,可以看出 document.frames("frame_id")是用来从父页面中获取iframe的id的,而后面的document.action同一般的脚本对页面元素操作一样,具体举个例子来说明一下,其中父页面引用iframe部分如下:
- <div id="region1" name="region1">
- <iframe onload="iframe_test()" frameborder="0" scrolling="no" width="100%" height="500" name="test_iframe" id="test_iframe" src="/testIframe.jsp" mce_src="testIframe.jsp"></iframe>
- </div>
- testIframe.jsp如下:
- <%@ page language= "java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
- <html>
- <head>
- <title>test_iframe</title>
- </head>
- <body>
- <table class="data_form" align="center">
- <tr>
- <th>testname</th>
- <td><input name="testname" type="text" id="testname" value="testname" ></td>
- </tr>
- <tr>
- <th>description</th>
- <td><input name="decription" type="text" id="decription" value="testname" /></td>
- </tr>
- </table>
- <br>
- <div >
- <input name="fs" type="submit" id="fs" value="test" onClick="alert('test');" class="button">
- </div>
- </body>
- </html>
- 父页面中对iframe元素操作的script脚本如下:
- <mce:script type="text/javascript"><!--
- function iframe_test(){
- if (document.frames("test_iframe").document.getElementById("testname").value=="testname")
- {
- alert("test successful!");
- }
- if(document.frames("test_iframe").document.getElementById("decription").value=="")
- {
- document.frames("test_iframe").document.getElementById("decription").value="description"
- }
- }
- // --></mce:script>
此例描述了在父页面中读取iframe中元素以及在父页面中修改iframe中元素的属性。
通过此例,我们可以看出,在父页面中访问iframe中的各个元素与一般的访问页面元素无本质区别,无非是需要在父页面中事先获取需要处理的iframe对象,在获取iframe对象后,其操作基本没什么特别之处。
- 从父页面读取和操作iframe中内容方法
- 从父页面读取和操作iframe中内容方法
- jquery操作iframe的方法:父页面和子页面相互操作的方法
- jquery操作iframe的方法:父页面和子页面相互操作的方法
- jquery操作iframe的方法:父页面和子页面相互操作的方法
- java从文件中读取内容方法
- html中iframe调用父页面方法和变量
- html页面中iframe嵌套页面的父页面和子页面js方法互相调用
- JQuery iframe页面操作父页面中的元素与方法 .
- 在iframe中调用js父页面和子页面方法
- HTML父页面调用iframe子页面中js变量和方法
- js中iframe的子父页面互相操作的方法
- JS 获取页面中iframe中的内容
- 从文件中读取内容设置为对象的方法
- iframe页面和父页面之间元素查找的方法
- 父页面和iframe页面之间方法的互相调用
- jquery操作iframe父级页面元素的方法
- 如何操作iframe父页面中的元素、方法、变量
- windows 下最底层的模拟键盘
- C51单片机——串口和中断系统
- 串口回写
- 背景图片上链接失效
- 【linux服务器】 NFS + 防火墙配置
- 从父页面读取和操作iframe中内容方法
- Infragistics RibbonBar 加入 TrackBar
- Maven入门
- fopen,fgetc读取文件的用法
- linux下怎么安装nginx
- Android界面刷新的方法
- 史上最适用的最直观的CSS Hack参考手册
- XP安装SQL Server,错误提示“安装程序无法获取ASPNET账户的系统账户信息 ”
- 正则表达式搜索多文件内容