Javascript 外部样式表对网页的影响_Javascript_Php_Html_Css

Javascript 外部样式表对网页的影响

javascript php html css

Javascript 外部样式表对网页的影响,javascript,php,html,css,Javascript,Php,Html,Css,我加载任何网页的数据，此网页样式表影响我的网页。我的网页 <html> <head> <script> $('#mydiv').load('externalData.php'); </script> </head> <body> <div id="mydiv" > <h1>Here is some content</h1> </div> <div id="o

我加载任何网页的数据，此网页样式表影响我的网页。
我的网页

<html>
 <head>
 <script>
 $('#mydiv').load('externalData.php');
 </script>
  </head>
<body>
<div id="mydiv" >
<h1>Here is some content</h1>
</div>
<div id="otherdiv">
//other div
</div>
<button>click</button>
</body>
 </html>


$（'#mydiv'）.load（'externalData.php'）；
这里有一些内容
//其他部门
点击

externalData.php

 <?php

echo file_get_contents('http://www.example.com/');

 ?>

如何避免这些不影响我的div'otherdiv'。

使用CSS，样式表是层叠的。因此，只需在调用file_get_contents之后放置一个不同的样式表，这表示div的实际外观。第二个样式表将优先于文件“获取内容”中的样式表。

加载页面后，将css放入页面页脚使用iframe隔离外部内容。不要窃取其他人的网站。问题解决我正在使用jquery加载数据。因此，jquery在文档完全加载时运行。所以，把css放在页脚是没有用的。由于某种原因，我不想使用iframe。