为了缩减开发过程，有时会调用其它网站的页面，从而节省时间；本文主要介绍利用iframe和$.load()实现加载其它页面的方法。
工具/原料
SublimeText
Chrome浏览器调试
利用iframe
1、第一种情况：直接设置iframe高度，适用于已知固定高度页面的情况，例子：<ifra葡矩酉缸meframeborder=&q锇栀劐箨uot;0"width="100%"height="800"src="template2.html"></iframe>Tips：如果加载页面高度不确定，设置iframe高度很容易导致产生滚动条或者底部空白。
2、第二种情况：在iframe外面套一层div，超过一屛会产生滚动条，适用于没有其他页面内容，佯镧诱嚣只有加载页面内容的情况，例子：<divstyle=&鳎溻趄酃quot;position:absolute;left:0;top:50px;right:0;bottom:0;width:100%;overflow:hidden;"><iframeframeborder="0"width="100%"height="100%"src="template2.html"></iframe></div>Tips：如果存在除加载页面之外的部分，会导致多滚动条，显示不美观。
3、第三种情况：利用js计算加载页面高度给予iframe，让iframe根据加载页面高度自适应高度，例子：
利用$.load()
1、兼容性最好，未有上面的问题，加载JSP和html也没问题，但加载xml不会转换样式，例子：$(document).ready(function(){$("#mydesk").load("template2.html");});<divid="mydesk"></div>