div 외부에 스타일에 영향을주지 않고 div에 HTML 페이지로드

iframe을 사용하는 것 외에 div 외부 스타일에 영향을주지 않고 외부 HTML 페이지를 div에로드 할 수있는 방법이 있습니까?div 외부에 스타일에 영향을주지 않고 div에 HTML 페이지로드

지금 jquery load를 사용하지만 외부 html 페이지에서 body 스타일을 정의하면 지정된 div 외부의 페이지 스타일이 변경됩니다.

예를 들어, 나는 몸 사업부에

<!DOCTYPE html> 
<head> 
    <meta charset="UTF-8" /> 
    <title>TEST</title> 
    <link type="text/css" href="styles.css" rel="stylesheet"> 
    <style> 
    body { 
     background-color: #DEDEDE; font-size: 96px; 
    } 
    </style> 
</head> 
<body> 
    <div id="test"> 
     <p>test</p> 
    </div> 
</body> 
</html>

이 페이지 정의 스타일을이 페이지를로드 할 그것은 외부 CSS 파일이 포함되어 있습니다. (페이지의 내용을 제어 할 수 없습니다.)

출처

2014-12-10 heika

원하는 것을 이해할 수 있도록 예제가 있습니까? –

@BarlasApaydin 예제가 추가되었습니다. 감사합니다. – heika

이것이 필요한가요? : http://jsfiddle.net/6b2m1Luk/ CSS를 사용하여 "범람"을 방지하십시오. –

상위 페이지에 영향을 미치지 않으려면 포함 된 html 페이지에 html/body 태그, 스타일 또는 CSS 포함을 포함 할 수 없습니다.

출처

2014-12-10 09:36:11 Freez

로드 대신 ajax를 사용하면 성공 데이터 html에서 링크 태그를 제거하면됩니다.

출처

2014-12-10 09:36:14 Kaustav

div 외부에 스타일에 영향을주지 않고 div에 HTML 페이지로드

답변

관련 문제