我正在使用下面的方法将远程页面加载到页面上的div中.
$('#result').load('www.myurl.com/results.html');
我很好奇,在另一个页面中加载完全格式化的HTML页面是不好的做法？我担心的是更多的是加载css或其他javascript包含可能会覆盖主页面上的其他元素.
我在初次测试期间没有遇到任何问题,我只是不确定这是否是最好的做法.
澄清:如果我有这样的主页
<html>
<head>
<script src="jquery.js"></script>
<link href="mycss.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="remoteContainer"></div>
<script>
$('#remoteContainer').load('www.myurl.com/results.html');
</script>
</body>
和results.html代码看起来像这样:
<html>
<head>
<script src="jquery.js"></script>
<link href="myResults.css" rel="stylesheet" type="text/css">
</head>
<body>
<header>
<h1>My Results Page</h1>
</header>
...
</body>
CSS和JS会相互覆盖,还是会将页面作为2个独立的实体运行？