jQuery代替iframe，实现点击li就加载相应html到div_IT百科

可以实现，但它的效果与你想象中肯定会不一样，iframe是框架，加载的页面是以完整的、独立的、新的网页形式出现的，与当前网页没有直接关系；而如果把网页内容直接放到当前网页的div中，就会成为当前网页的一部分，与当前网页的html、css、js等都会产生冲突的。下面是代码：

<body>

<ul>

<li data-url="b.html">加载根目录b.html</li>

</ul>

$(function(){

$("ul li").on("click",function(){

$("#test1").load($(this).data("url"))

})

</script>

</body>

因为你的iframe是动态创建的，会不会是这个iframe还没创建好或者说iframe里面的方法还没有加载你就调用该方法了？当然，这个也只是我的一个想法，提出来不晓得能不能对你有所帮助，更多的我也想不出了。

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

jQuery代替iframe，实现点击li就加载相应html到div