除了使用iframe,有没有什么方法可以让外部html页面加载到div中而不影响div外部的样式?
我现在使用jquery加载,但是如果外部html页面为body定义了样式,指定div之外的页面的样式就会改变。
比如我想把这个页面加载到一个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 文件。 (我无法控制页面的内容。)
最佳答案
如果您不想影响您的父页面,包含的 html 页面不得包含 html/body 标记、样式或 css 包含。
关于javascript - 加载html页面到div,不影响div外的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27397468/