我已经尝试解决这个问题已经有一段时间了。我有一个朋友的独特请求,要帮助他们构建一个网页,该网页从外部页面(不同的服务器)动态提取 div 标签,以便当该页面更新时,它会在此页面上更新。我通过使用 jquery 的 .load 来指定要拉入的 .div 解决了这个问题,但是样式也没有流入,因为它不驻留在 div 标签本身中,而是在标签中。因此,我试图弄清楚如何从其他页面中提取内容,特别是样式表(如果可能的话)并将其放置在我页面的标签中。
我对此感到茫然,我真的很感激一些帮助。
这是我现在的页面设置:
proxy.php(拉入外部页面)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<base target="_blank">
</head>
<body>
<?php
$url = 'www.EXAMPLE.com/';
$htm = file_get_contents($url);
echo $htm;
?>
</body>
</html>
实际页面显示具体内容:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> - Products</title>
<?php
$file = file_get_contents("proxy.php");
$head = preg_replace("#(.*)<head>(.*?)</head>(.*)#is", '$2', $file);
echo $head;
?>
<script language="javascript" type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
<link href="css/main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="contentWrapper">
<div id="contentMain">
<script>
$("#contentMain").load("proxy.php #content");
</script>
</div>
</div>
</div>
</body>
<!-- InstanceEnd -->
</html>