Настройка JavaScript в iframe с помощью innerHTML в Internet Explorer - PullRequest
Новая
       36

Настройка JavaScript в iframe с помощью innerHTML в Internet Explorer

2 голосов
/ 28 мая 2011

Я пытаюсь установить HTML-код iframe с JavaScript, отлично работает с Firefox и Chrome, но показывает только ссылку, без стилизации с Internet Explorer 9.

Код JavaScript: 

window.frames["iview"].document.body.innerHTML = txt;

Переменная txt получает следующий HTML-код: 

<!DOCTYPE HTML>
<html>
    <head>
        <style type="text/css">
            a:link {
                color: #0000C0;
                background-color: #FFFFFF;
                text-decoration: none;
                target-new: none;
            }
            a:hover {
                color: #0000FF;
                background-color: #808000;
                text-decoration: underline;
                target-new: none;
            }
        </style>
    </head>
    <body>
        <a href="http://www.domain.com">link....</a>
    </body>
</html>

Internet Explorer показывает ссылку, но не стиль CSS ...

1 Ответ

1 голос
/ 28 мая 2011

Сообщение о переполнении стека Как применить CSS в iFrame? помогает?

В частности:

Стиль страницы, встроенной в iframe, должен быть установлен путем включения его в дочернюю страницу: 

<link type="text/css" rel="Stylesheet" href="Style/simple.css" />

Или его можно загрузить с родительской страницы с помощью JavaScript: 

var cssLink = document.createElement("link")
cssLink.href = "style.css";
cssLink .rel = "stylesheet";
cssLink .type = "text/css";
frames['frame1'].document.body.appendChild(cssLink);
...