如何将url加载到div标签中

vin*_*yen 19 jquery

<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>
Run Code Online (Sandbox Code Playgroud)

我不想使用Iframe

Car*_*ten 20

尝试load()函数.

$('#content').load("http://vnexpress.net");
Run Code Online (Sandbox Code Playgroud)

请注意,要使其工作,要加载的URL必须与调用它的页面位于同一域中,或者在服务器上启用跨源HTTP请求("跨源资源共享",简称CORS).这涉及最基本的形式发送额外的HTTP标头:

Access-Control-Allow-Origin:*
Run Code Online (Sandbox Code Playgroud)

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


Sud*_*oti 5

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


cir*_*red 4

您需要使用一个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
Run Code Online (Sandbox Code Playgroud)

  • 然后您需要创建一个在服务器端运行的代理。 (3认同)