Home Web Front-end JS Tutorial jquery implementation code for finding iframe parent page elements_jquery

jquery implementation code for finding iframe parent page elements_jquery

May 16, 2016 pm 06:02 PM
Father page elements

Parent page code

Copy code The code is as follows:





Untitled Document









iframe page code
Copy code The code is as follows:





Untitled Document

<script> <br>$("body",parent.document).append('hahaha' ); <br></script>


iframe test--@mybest



There is such a record in the jQuery documentation:
jQuery(html, [ownerDocument])
Parameters
html String
HTML used to dynamically create DOM elements Mark string

ownerDocument (optional) Document
Create the document where the DOM element is located


You still need to read more and read the document carefully. It is really the saying: read the book a hundred times , its meaning is self-evident!

------Additional note--------------------------

During testing, I found that chrome could not achieve the above requirements. Later, I saw someone on the Internet pointing out that iframes cannot cross domains. This is one of the problems. Another reason is to put it into a site for testing

For example: http:// localhost:8087/test.html

In this way, chrome will behave normally
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

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How does JavaScript implement the drag-and-sort function of page elements? How does JavaScript implement the drag-and-sort function of page elements? Oct 20, 2023 pm 12:28 PM

How does JavaScript implement the drag-and-sort function of page elements? Drag sorting is a very common feature in modern web development, which allows users to change the position of elements on the page by dragging them. This article will introduce how to use JavaScript to implement the drag-and-sort function of page elements and provide specific code examples. The basic idea of ​​​​implementing the drag sorting function is as follows: First, create elements that require drag sorting in HTML, such as a set of divs. &lt;

Learn to fix positioning: let page elements move with scrolling and get started quickly Learn to fix positioning: let page elements move with scrolling and get started quickly Jan 20, 2024 am 10:29 AM

Quickly understand the fixed positioning method: making your page elements move with scrolling requires specific code examples. In web design, sometimes we want certain page elements to maintain a fixed position when scrolling and not move with scrolling. This effect can be achieved through CSS fixed positioning (position:fixed). This article will introduce the basic principles of fixed positioning and specific code examples. The principle of fixed positioning is very simple. By setting the positioning attribute of the element to fixed, the element can be fixed at a certain position relative to the viewport.

Use fit-content to achieve horizontally centered layout of page elements Use fit-content to achieve horizontally centered layout of page elements Sep 09, 2023 pm 02:07 PM

Use fit-content to achieve a horizontally centered layout of page elements. In web design, the layout of page elements is a very important part. Implementing a horizontally centered layout of page elements is a common requirement. To solve this problem, we can use the CSS fit-content property. fit-content is a property in CSS that dynamically calculates the width or height of an element based on its content. By setting the element's width or height to fit-content,

Master the common attribute values ​​​​of absolute positioning and let your page elements be placed as you like Master the common attribute values ​​​​of absolute positioning and let your page elements be placed as you like Jan 18, 2024 am 10:01 AM

Master the common attribute values ​​​​of absolute positioning, so that your page elements can be placed as you like. Specific code examples are required. Absolute positioning (absolutepositioning) is one of the commonly used positioning methods in CSS. It allows us to position elements relative to their nearest positioning attributes. The parent element is positioned. By mastering the common attribute values ​​of absolute positioning, we can easily control the position and layout of page elements. 1. Basic concepts of positioning elements Before using absolute positioning, we need to understand some basic concepts. The parent element refers to the

PHP and WebDriver Extensions: How to implement detection and assertion of page elements PHP and WebDriver Extensions: How to implement detection and assertion of page elements Jul 07, 2023 am 09:05 AM

PHP and WebDriver extension: How to implement detection and assertion of page elements Introduction: With the increase of web applications, automated testing has become more and more important. During testing, we need to verify that elements on the page exist and that their state is as expected. This article will introduce how to use PHP and WebDriver extensions to implement detection and assertion of page elements. 1. Preparation Before starting, we need to ensure that the following environment has been configured: Install PHP and Composer Install W

A practical method to jump to the parent page in PHP A practical method to jump to the parent page in PHP Mar 08, 2024 pm 04:42 PM

Title: A practical method to jump to the parent page in PHP. When developing web applications, we often encounter the need to jump to the parent page in PHP. This functionality can be achieved with the following code example:

What are the page elements in PHP? What are the page elements in PHP? Aug 23, 2023 pm 01:07 PM

Page elements in PHP include titles, paragraphs, hyperlinks, images, tables, forms, buttons, lists, text boxes, drop-down menus, check boxes, radio buttons, text areas, and paging. Detailed introduction: 1. The title is used to define the main content of the web page. You can use HTML's <h1> to <h6> tags to create different levels of titles; 2. Paragraphs are used to organize and display text content. You can use HTML's <p > tag to create paragraphs; 3. Hyperlinks are used to navigate between different pages. You can use HTML's <a> tag to create hyperlinks, etc.

How to use fit-content technology to center page elements horizontally How to use fit-content technology to center page elements horizontally Sep 08, 2023 pm 12:55 PM

How to use fit-content technology to center page elements horizontally In web design and development, horizontal centering is a common and important layout technology. In the past, we often used margin:0auto to achieve horizontal centering. However, as new layout properties in CSS continue to appear, we now have more choices. One of the powerful techniques is to use the fit-content attribute. It can automatically calculate a suitable width based on the actual content size of the element to achieve horizontal centering.

See all articles