Jquery实现iframe功能

共4个文件

html：3个

js：1个

jquery

iframe

需积分: 5 8 下载量 160 浏览量 2013-11-17 19:10:09 上传评论收藏 25KB RAR 举报

温馨提示

打包好了直接下载可用。运行main.html。但代码显示有乱码，自己修改查。

资源推荐

资源详情

资源评论

收起资源包目录

jquery+Iframe.rar （4个子文件）

jquery+Iframe

jquery.js 71KB

main.html 1KB

order1.html 299B

order2.html 300B

共 4 条

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK" /> <title>JQ_iframe</title> <style type="text/css"> .divTl{ cursor:pointer;background-color:#ccc;width:150px;height:30px;line-height:30px; } </style> <script type="text/javascript" src="jquery.js"></script> <script> $(function(){ reloadpage("order1.html"); //点击order1时加载页面1 $("#order1").click(function(){ reloadpage("order1.html"); }); //页面加载就执行'上面'已经定义好的点击事件 //$("#order1").trigger("click"); //点击order2时加载页面2 $("#order2").click(function(){ reloadpage("order2.html"); }); }); //加载页面 function reloadpage(page){ $.ajax({ url: page, type: "POST", dataType: 'html', success: function(date){ $("#showcontext").html(date); } }); } </script> </head> <body> <table width="300" align="center"> <tr> <td height="40" colspan="2" align="center">这是头部</td> </tr> <tr> <td width="200" height="140"> <div id="order1" align="center" class="divTl" >页面1</div> <p> <div id="order2" align="center" class="divTl">页面2</div> </td> <td rowspan="2" align="center"><div style="display:inline;" align="center" id="showcontext"></div></td> </tr> </table> </body> </html>

评论收藏

内容反馈

资源评论