jQuery怎么加载一个html页面到我指定的div里面_IT百科

使用ajax的load方法。

语法：

load(url,data,function(response,status,xhr))

具体代码：

扩展资料：

.load() 方法，与 $.get() 不同，允许我们规定要插入的远程文档的某个部分。这一点是通过 url 参数的特殊语法实现的。如果该字符串中包含一个或多个空格，紧接第一个空格的字符串则是决定所加载内容的 jQuery 选择器。

jQuery 使用浏览器的 .innerHTML 属性来解析被取回的文档，并把它插入当前文档。在此过程中，浏览器常会从文档中过滤掉元素，比如 <html>, <title>或 <head>元素。结果是，由 .load() 取回的元素可能与由浏览器直接取回的文档不完全相同。

注释：由于浏览器安全方面的限制，大多数 "Ajax" 请求遵守同源策略；请求无法从不同的域、子域或协议成功地取回数据。

参考资料：Jquery官方中文文档api--ajax load()

$( "#moon" ).load( "demo2.html", function( response, status, xhr ) {

$('#moon').html(response)

})

只能加载本地文件，加载时把文件路径写正确

可以定义一个全局变量，在选取该元素将此元素赋给此变量，在点button时，将此变量append到你所要添加的地方。

比如：

var

tempDOM

function

clickDOM(){

tempDOM

$(this)

}

function

clickButton(){

$("#你所要添加到的div或者其他的id").append(tempDOM)

}

欢迎分享，转载请注明来源：内存溢出

jQuery怎么加载一个html页面到我指定的div里面