javascript - Accessing frames via the DOM in IE - Stack Overflow

IT技术

更新时间：2025-03-091

admin管理员组
文章数量:1291343

OK, every other browser works fine with the method I have coded so far but for some reason Internet Explorer will not work. I have spent hours of time (more time than actually developing the feature!) on patibility and am close to giving up!

I have a forum and one of its neat features is the WYSIWYG editor. For that, I essentially have an IFrame that acts as the document:

<iframe name="writer" src="/scripts/blank.html" class="writer"></iframe>

This is the current state of the JavaScript (constantly updated):

function initEditor()
{
    w = frames['writer']
    wc = g('writerCopy')

    if(w == null) return

    frames['writer'].document.designMode = 'on'
    frames['writer'].document.body.innerHTML = styleSheet+wc.value
    frames['writer'].focus()
}

It works partially now, but fails on the line:

frames['writer'].document.body.innerHTML = styleSheet+wc.value

in Internet Explorer with "'frames.writer.document.body' is null or not an object".

OK, every other browser works fine with the method I have coded so far but for some reason Internet Explorer will not work. I have spent hours of time (more time than actually developing the feature!) on patibility and am close to giving up!

I have a forum and one of its neat features is the WYSIWYG editor. For that, I essentially have an IFrame that acts as the document:

<iframe name="writer" src="/scripts/blank.html" class="writer"></iframe>

This is the current state of the JavaScript (constantly updated):

function initEditor()
{
    w = frames['writer']
    wc = g('writerCopy')

    if(w == null) return

    frames['writer'].document.designMode = 'on'
    frames['writer'].document.body.innerHTML = styleSheet+wc.value
    frames['writer'].focus()
}

It works partially now, but fails on the line:

frames['writer'].document.body.innerHTML = styleSheet+wc.value

in Internet Explorer with "'frames.writer.document.body' is null or not an object".

Share Improve this question edited Jan 22, 2009 at 13:47 asked Jan 21, 2009 at 18:00 PythonPower

Are you getting a JavaScript or IE error when you do this, or just it just not work? – Welbog Commented Jan 21, 2009 at 18:04
I get a meaningless JavaScript error. I'll add it to the post in one minute. – PythonPower Commented Jan 21, 2009 at 18:23
You could clarify your question by adding some info as to what you have done and what is your debugging setup, so as to avoid redundant questions. You also assume that the answer must involve the try-block, but leave that to the answerers or clarify why. – Adriano Varoli Piazza Commented Jan 21, 2009 at 18:25
I am open to other methods (that's just a suggestion). – PythonPower Commented Jan 21, 2009 at 18:33
Did you name your frame? otherwise "writer" would be undefined. And once again, hace you checked that IE supports designMode? I believe not. – jishi Commented Jan 21, 2009 at 19:05

| Show 4 more ments

7 Answers 7

Sorted by: Reset to default 1

I'm not even sure IE supports that designMode.

And, .contentDocument is only IE8, IE7 and less uses .contentWindow.document, but iframe windows are part of the frames-collection.

try this, should be crossbrowser:

<iframe name="writer"></iframe>

frames["writer"].document.body.innerHTML = "some html...";

You need to point your iframe to a dummy document for IE. Just create a file blank.html with the following:

<html><body></body></html>

and set <iframe src="blank.html" ... >

Then you can go about referencing frame.document.body.innerHTML = '...' to your hearts content.

BTW that is a terrible title to a question.

Evidently IE8 does not make frame elements available until the entire parent page has loaded. Also note, you can write to the frame before the parent page loads, but this will overwrite the frame and prevent it from being loaded.

The easy solution is to move the InitEditor() call from inside the body to here:

<body onload="InitEditor()">

Perhaps the iframe isn't loaded yet. I can duplicate your "'frames.writer.document.body' is null or not an object" error. I added a setTimeout around it and it then worked for me.

setTimeout(function () {
    frames['writer'].document.body.innerHTML = "some text";
}, 200);

Have you activated IE's debugging facilities?

Am I missing something here? shouldn't you use something like:

window.frames[nameOrNumberOfFrame]...

编程频道|软件玩家 - 软件改变生活！

javascript - Accessing frames via the DOM in IE - Stack Overflow

7 Answers 7

更多相关文章