如何将外部网站特定Div加载到自有网站？解决CORS与iframe局限

关于CORS拦截的问题 #

你用jQuery的load()函数加载外部网站时被拦截，本质是浏览器的同源策略限制：目标网站配置了CORS规则禁止跨域请求，前端发起的GET请求会被浏览器直接阻断，前端层面没有合规的绕过方法。

你的代码示例：

<div id="test"></div>
<script>
    $(document).ready(function () {
        $("#test").load("https://mywebsite.com");
    });
</script>

关于iframe的局限 #

用iframe能加载外部网站，但没办法仅抓取并显示特定Div：因为同源策略同样限制父页面访问不同域的iframe内部DOM，你无法直接操作iframe里的元素来提取或隐藏内容。

基于Django的可行方案 #

既然你用Django框架，正确的处理方式是通过后端中转：

• 在Python视图中用requests库发起请求获取目标网站的HTML（后端请求不受浏览器CORS限制）
• 用BeautifulSoup解析HTML结构，提取你需要的特定Div片段
• 将清理后的代码片段传入HTML模板渲染展示

核心结论 #

只要目标网站限制跨域访问（CORS或反爬机制），前端层面没有标准的实现方式，必须通过后端中转处理。

内容的提问来源于stack exchange，提问作者Gromer