iframe实现局部无刷新跳转

      最近开发后台管理项目中 用iframe实现页面局部跳转，很好用的用的框架 单也有许多的坑，

我已经踩过了，下面交大家如何使用；

iframe是很老的框架 现在很少有人用了 ，但并不代表他被淘汰了；以下是代码

1.html样式里在点击跳转的地方加上

con指的是iframe里的name名

示例：

Elements

2. 然后iframe标签：

name名

这步只为明天项目做提醒

3.js代码处理高度根据内容自适应 可处理多个iframe 框架

　　var iframes = document.getElementsByTagName('con');

for (var i = 0, j = iframes.length; i < j; ++i) {

// 放在闭包中，防止iframe触发load事件的时候下标不匹配

(function(_i) {

iframes[_i].onload = function() {

// 提前还原高度

this.setAttribute('height', 'auto'); // 或设为''

// 再在下一轮事件循环中设置新高度

setTimeout(function() {

iframes[_i].setAttribute('height', iframes[_i].contentWindow.document.body.scrollHeight);

}, 0);

}

})(i);

}

4.如遇到具体问题具体分析 ：努力付出就会有结果