首頁  >  文章  >  web前端  >  从父页面读取和操作iframe中内容方法_javascript技巧

从父页面读取和操作iframe中内容方法_javascript技巧

WBOY
WBOY原創
2016-05-16 18:49:211027瀏覽

基本的操作方法:
document.frames("frame_id").document.action;
其中,frame_id是该父页面需要进行操作的iframe的id,action是iframe中的相关操作。
从该方法中,可以看出 document.frames("frame_id")是用来从父页面中获取iframe的id的,而后面的document.action同一般的脚本对页面元素操作一样,具体举个例子来说明一下,其中父页面引用iframe部分如下:

复制代码 代码如下:





testIframe.jsp如下:
复制代码 代码如下:




test_iframe











testname
description









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



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

通过此例,我们可以看出,在父页面中访问iframe中的各个元素与一般的访问页面元素无本质区别,无非是需要在父页面中事先获取需要处理的iframe对象,在获取iframe对象后,其操作基本没什么特别之处。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn