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>

[html] view plain copy

<ul >

</ul>

这样只能点字才能出发 href如何让点 li 就直接能触发连接呢？

给 A 标签加上ID，拦截 li onclick 事件模拟A标签单击。事实上你完全不必使用A标签，直接单击事件里self.location=XXX就完事了

[html] view plain copy

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

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