我正在使用下面的方法将远程页面加载到页面上的 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>
结果.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 会相互覆盖,还是页面会作为两个独立的实体运行?