jQuery将HTML加载到<div> </div>中

时间:2012-06-21 01:58:37

标签: jquery url html

jQuery是否有办法从网址加载Html内容?

例如:

<div class="MyContent">

<html>
<head>
<title>Hello World Page</title>
</head>
<body>
Hello World
</body>
</html>

</div>

我可以使用网址中的内容替换div中的所有HTML吗?

3 个答案:

答案 0 :(得分:19)

您正在寻找.load()

  

从服务器加载数据并将返回的HTML放入匹配的元素中。

答案 1 :(得分:5)

首先,使用此代码

创建一个HTML页面
<html>
<head>
<title>Hello World Page</title>
</head>
<body>
Hello World
</body>
</html>

在DIV中有一个iFrame(可选),并使用jQuery将iFrame的源代码更改为URL。该网址应指向您在上方创建的网页。

function loadIframe(iframeName, url) {
    var $iframe = $('#' + iframeName);
    if ( $iframe.length ) {
        $iframe.attr('src',url);   
        return false;
    }
    return true;
}

答案 2 :(得分:1)

在jQuery中使用.get().html()。前,

$.get(url, function (data) {
   $('.MyContent').html(data);
});