手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >从父页面读取和操作iframe中内容方法
从父页面读取和操作iframe中内容方法
摘要:基本的操作方法:document.frames("frame_id").document.action;其中,frame_id是该父页面需要...

基本的操作方法:

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="http://www.jb51.nettestIframe.jsp" 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 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">

</div>

</body>

</html>

父页面中对iframe元素操作的script脚本如下:

复制代码 代码如下:

<script type="text/javascript"><></script>

此例描述了在父页面中读取iframe中元素以及在父页面中修改iframe中元素的属性。

通过此例,我们可以看出,在父页面中访问iframe中的各个元素与一般的访问页面元素无本质区别,无非是需要在父页面中事先获取需要处理的iframe对象,在获取iframe对象后,其操作基本没什么特别之处。

【从父页面读取和操作iframe中内容方法】相关文章:

js控制网页前进和后退的方法

浅谈javascript事件取消和阻止冒泡

JS实现屏蔽shift,Ctrl,alt等功能键的方法

js获取字符串字节数方法小结

JavaScript窗口功能指南之在窗口中书写内容

在JavaScript的正则表达式中使用exec()方法

JavaScript的正则表达式中test()方法的使用

JavaScript获取并更改input标签name属性的方法

在JavaScript中使用开平方根的sqrt()方法

javascript操作ul中li的方法

精品推荐
分类导航