Home > Web Front-end > JS Tutorial > js and jQuery get iframe_javascript skills of parent window and child window

js and jQuery get iframe_javascript skills of parent window and child window

WBOY
Release: 2016-05-16 17:08:14
Original
1083 people have browsed it

In web development, iframes are often used. It is inevitable that you need to use elements in the iframe in the parent window, or use elements of the parent window in the iframe

js

Get elements in iframe in parent window

1,

Format: window.frames["name value of iframe"].document.getElementByIdx_x("ID of control in iframe").click();

Example: window.frames["ifm"].document.getElementByIdx_x("btnOk").click();

2,

Format:

var obj=document.getElementByIdx_x("name of iframe").contentWindow;

var ifmObj=obj.document.getElementByIdx_x("ID of the control in the iframe");

ifmObj.click();

Example:

var obj=document.getElementByIdx_x("ifm").contentWindow;

var ifmObj=obj.document.getElementByIdx_x("btnOk");

ifmObj.click();

Get the elements of the parent window in the iframe

Format: window.parent.document.getElementByIdx_x("Element ID of parent window").click();

Example: window.parent.document.getElementByIdx_x("btnOk").click();

jquery

Get elements in iframe in parent window

1,

Format: $("#iframe's ID").contents().find("#iframe's control ID").click();//jquery method 1

Example: $("#ifm").contents().find("#btnOk").click();//jquery method 1

2,

Format: $("#Control ID in iframe",document.frames("name of frame").document).click();//jquery method 2

Example: $("#btnOk",document.frames("ifm").document).click();//jquery method 2

Get the elements of the parent window in the iframe

Format: $('#Element ID in the parent window', parent.document).click();

Example: $('#btnOk', parent.document).click();

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template