Связывание внешней таблицы стилей со страницей в iframe

Question

Я проверил множество других вопросов, но до сих пор не повезло.

Я работаю над своей локальной машиной в хроме.

У меня есть welcome.html (главная страница) и test.html (страница iframe) , тогда у меня есть мой style.css.

Цель: Попросите мой test.html как iframe внутри моей страницы welcome.html. Но пусть iframe (test.html) будет создан с использованием jQuery.

Так что у меня это в моем welcome.html

<script src="https://code.jquery.com/jquery-1.10.1.min.js"></script> 

<script type="text/javascript"> 
    $(document).ready(function() { 
var $head = $("iframe").contents().find("head");     
$head.append($("<link>", { rel: "stylesheet", href: "style.css", type: "text/css"  })); 
}); 
</script> 

, а затем это внутри тела тега

<iframe name='iframe' id="iframe" src="test.html"></iframe> 

IFrame работает, но нет стилей не привязываясь, когда я проверить IFRAME.

Answer 1

Я предполагаю, что вы не можете напрямую редактировать источник iframe? Самое простое решение - просто добавить тег <link>.

Однако, ваша настоящая проблема может заключаться в том, что он не может найти файл css. Атрибут src в теге <link> должен относиться к местоположению iframe. Если iframe находится в каком-либо другом домене, вам понадобится абсолютный путь (в вашем случае возможно "http://localhost/whatever/style.css").