.contentWindow.document.body.outerHTML无法正常工作？

Question

I have the following JavaScript code:

myFrame.src = pathToCourseContents + "/otherComponents/myData.htm";

After this line is executed:

myFrame.src equals "http://myServer.com/otherComponents/myData.htm"

If I put this URL address into FireFox I do get a web page with information coming up.

What I'm trying to get is the contents of myData.htm in the form of a string.

I thought this would work:

var myString = myFrame.contentWindow.document.body.outerHTML

but myFrame.contentWindow appears to be blank.

What am I doing wrong?

Is there JavaScript code that will work to get the html content in the form of a string?

Answer 1

您可以尝试使用以下方法：

document.getElementsByTagName("html")[0]

Answer 2

contentWindow is most often blank when you load url from diferent domain. It is prohibitied to access such content, because of security. If this is your case, you're doomed (well, there are workarounds, like proxy through the server that serves the container page, so that browser thinks they are from the same domain; or set document.domain in both files, if you control both of them; etc.).

Answer 3

If you're not encountering the same origin policy, it may be that you're trying to access nodes before they exist (ie before the DOM is ready).

A simple solution is to add an event listener on the <iframe> for the load event.

myFrame.addEventListener('load', function () { // add a listener
    console.log( // do what you want
        '<iframe> loaded\n',
        myFrame.contentWindow,   // the <iframe>'s Window
        myFrame.contentDocument, // the <iframe>'s document
        '\n',
        myFrame.contentDocument.body.outerHTML
    );
});
// set src after so that listener exists before event raised
myFrame.src = 'http://fiddle.jshell.net/'; // same origin pass

example fiddle

.contentWindow get's cleared every time you refresh so you can't add page load listeners to it that will give you the result you want, but you can listen for other events from within the <iframe> there.