关于iframe异步加载，我们常用的大都是左边菜单栏右边是内容页面，要求我们不能左边菜单不能刷新的情况下，异步加载右边的内容页面。 话不多说，做了一个实例大致是这样的： 1、首先在你的项目中建立三个文件如： 2、在Default页面引入jquery文件并在body中加入也下代码：复制代码 代码如下:<div style="width: 20%; float: left"> <div id="butten" style="cursor: pointer;"> 局部刷新(框架加载页面) </div> <div id="hidden" style="display: none"> 我是隐藏的，点击局部刷新之后<br /> 我就显示，页面加载我不会消失 </div> </div> <div id="page" style="width: 80%; float: right;"> <iframe src='1.htm' frameborder='0' style='border: 0; width: 100%; height: 99.4%;'> </iframe> </div> <script type="text/javascript"> $(function () { $("#butten").click(function () { $("#hidden").show(); $("iframe").attr("src", "2.htm"); }); }); </script>3、在1.htm和2.htm中随便写上什么都行，甚至可以直接这样写（什么html、title、body、title等均可不用写）：1.htm：复制代码 代码如下:页面一<br /> 原始页面2.htm：复制代码 代码如下:页面二<br /> 框架加载的页面4、效果如图：

　　推荐阅读

　　js日期时间补零的小例子

复制代码 代码如下:function getNowFormatDate() { var day = new Date(); var Year = 0; var Month = 0; var Day = 0; var CurrentDate = ""; >>>详细阅读

本文标题：iframe异步加载实现点击左边菜单加载右边内容实例讲解

地址：http://www.17bianji.com/kaifa2/JS/22261.html

 1/2    1