2016-04-28 2 views
-3

нужно загрузить HTML-страницы внутри DIV в следующей странице псевдо:Как изолировать правила CSS внутри div?

<html> 
    <head></head> 
    <style> 
     body { 
      background-color: yellow; 
     } 
    </style> 
    <body> 
     <div style="display:none"> 
      <html> 
       <head></head> 
       <style> 
        body { 
         background-color: blue; 
        } 
       </style> 
       <body> 
        <div style="display:none"> 
         ... 
        </div> 
       </body> 
      </html> 
     </div> 
    </body> 
</html> 

Что, естественно, происходит в этом коде является то, что фон станет синим, как она изменяется в середине страницы , Есть ли способ изолировать этот div? Таким образом, он будет действовать аналогично iframe. Содержимое внутри div хранится в переменной, поэтому я думаю, что не могу использовать фрейм, так как код html не хранится в файле, чтобы использовать его в качестве источника.

Спасибо!

+1

Хотя этот HTML-код будет загружен в большинстве браузеров, это очень недействительный HTML. Я предлагаю вам разобраться, как удалить встроенный HTML из '' в (и в том числе) '', а также закрыть' 'first. – Tigger

+0

лучше создать одно тело, а вместо нового тега body html использовать пользовательский div. –

+0

У меня есть сценарий для отправки электронной почты нескольким пользователям, но я хотел, чтобы пользователь просматривал электронную почту html перед отправкой. –

ответ

2

Это просто неправильно. HTML-документ может содержать только один тег html и один тег тела, иначе это будет недопустимый документ, браузеры не позволят его.

Если вы загружаете iframe, вместо этого у него будет свой # документ, и все в порядке.

2

Вы не можете загрузить Сайт на сайт без IFRAME из-за рисков безопасности.

Единственное, что вы можете сделать, это загрузить внешний сайт с помощью скрипта serveride, такого как php, вырезать голову с регулярным выражением и отправить остальную часть на ваш сайт в ваш div.

Смежные вопросы