如何将url加载到div标签中答案

【问题标题】：how to load url into div tag如何将url加载到div标签中
【发布时间】：2012-01-10 05:38:38
【问题描述】：

我有一个<div id="content">想加载url:http://vnexpress.net内容到我的代码：

<html>
    <head>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#content").attr("src","http://vnexpress.net");
            })
        </script>
    </head>
    <body>
        <div id="content"></div>
    </body>
</html>

我不想使用 iframe

【问题讨论】：

看来 vnexpress.net 不是你的域，所以你需要使用 iframe
“由于浏览器安全限制，大多数“Ajax”请求都受制于同源策略；该请求无法成功地从不同的域、子域或协议中检索数据。” link

标签： jquery

【解决方案1】：

试试load() function。

$('#content').load("http://vnexpress.net");

请注意，要加载的 URL 必须与调用它的页面位于同一域中，或者在服务器上启用 cross-origin HTTP requests ("Cross-Origin Resource Sharing", short CORS)，请注意。这涉及到sending an additional HTTP header，最基本的形式：

Access-Control-Allow-Origin:*

允许来自任何地方的请求。

【讨论】：

哦，这个解决方案拯救了我的一天！谢谢！

【解决方案2】：

$(文档).ready(函数() { $('#content').load('your_url_here'); });

【讨论】：

【解决方案3】：

您需要使用iframe。

<html>
<head>
<script type="text/javascript">
    $(document).ready(function(){
    $("#content").attr("src","http://vnexpress.net");
})
</script>
</head>
<body>
<iframe id="content" src="about:blank"></iframe>
</body>
</html

【讨论】：

那么你需要创建一个代理来运行服务器端。

【解决方案4】：

<html>
<head>
<script type="text/javascript">
    $(document).ready(function(){
    $("#content").attr("src","http://vnexpress.net");
})
</script>
</head>
<body>
<iframe id="content"></div>
</body>
</html>

【讨论】：

这个答案与问题无关。

【解决方案5】：

不使用 iframe 会让您进入一个处理跨域的 #document 安全问题的世界，并且链接会以原本不打算使用的意外方式触发，您真的需要不良广告吗？

您可以使用 jquery .load 函数 将页面发送到您想要定位的任何 html 元素，假设您没有从其他域获取它。

您可以使用 javascript .innerHTML 值 来设置和重写任何您想要的元素，但如果您添加另一个文件，您可能会在 1... 中写入 2 个文档...另一个

iframe 已经过时了，另一种方法是我们可以单独将“src”添加到 html 中，而无需使用任何 javascript。 但它已经过时、史前，而且只是普通的 OLD！ Frameset 使情况变得更糟，因为我可以将#document 放入其中以处理多个 html 文件。在人们拥有 FLIP 手机之前，人们创建导航菜单的一种古老方式。

1.) 是的，如果您不想使用 Iframe，则必须使用 Javascript。

2.) 有一个很好的技巧，您可以将域设置为彼此相等，而无需设置服务器的东西。意味着您必须拥有文档的编辑功能。

3.) javascript window.document 仅限于 iframe 本身，如果您想通过 DOM 本身抓取某些内容，则不能超出 iframe。因为它把它当作一个单独的选项卡，它也在另一个文档对象模型中定义它。

【讨论】：

你需要客观回答问题