Question

我有<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

Answer 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:*

允许来自世界各地的请求。

Answer 2

$(document).ready(function() {
 $('#content').load('your_url_here');
});

Answer 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

Answer 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>

Answer 5

不使用iframe 会让您陷入处理#document安全问题的世界，跨域和链接会触发原本不适用的意外方式，您真的需要不良广告吗？

您可以使用 jquery .load function 将页面发送到您要定位的任何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。因为它将它视为单独的选项卡，它还在另一个文档对象模型中定义它。

如何将url加载到div标签中

5 个答案: