javascript - Access iframe content from parent jquery

Question

Welcome To Ask or Share your Answers For Others

javascript - Access iframe content from parent jquery

posted Oct 24, 2021 in Technique[技术] by 深蓝 (71.8m points)

javascript - Access iframe content from parent jquery

I want to access iframe content on parent jquery.

I have add following code on parent page.

$(document).ready(function () {
    $('#MyIframe').load(function () {
        $('#MyIframe').contents().find('body').html('Hey, i`ve changed content of <body>! Yay!!!');
    });
});

My iframe page load from other site And it give me an error

Error: Permission denied to access property 'ownerDocument'

[Break On This Error]   

...f ( ( context ? context.ownerDocument || context : preferredDoc ) !== document )...

Thanks in advance...

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

1 Reply

深蓝 · Answer 1 · 2021-10-23T21:43:08+0000

The code is working if you remove the onload of the iframe. http://jsfiddle.net/qPFza/

$(document).ready(function () {
    $('#myiframe').contents().find('body').html('Hey, i`ve changed content of <body>! Yay!!!');
});

So your issue is because the content of your iframe is not fired the onload that you have set.

See this example, the load function also not called here. http://jsfiddle.net/qPFza/1/

Now on this example that the content is from different web site, is not let you change it. http://jsfiddle.net/qPFza/2/

If the web page and the iframe are from different sites you can not change the one from the other.

Categories

javascript - Access iframe content from parent jquery

javascript - Access iframe content from parent jquery

Please log in or register to add a comment.

Please log in or register to reply this article.

1 Reply

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags