前端开发：Vue中嵌套标签iframe的使用(1)

（3） 标签支持HTML的全局属性、事件属性、以及HTML5的新属性。

3、其他注意事项

通过网页使用iframe嵌入新的网页的时候，有时需要动态处理src的值，而不是固定的值，这就需要给iframe 的src赋值，通常是使用js来实现。

4、使用实例

根据实际开发过程中的不同需求，把实战中比较常见的处理方式汇总出来，需求是做不完的，也不可能全部覆盖到，这里只分享一些比较常见的操作，方便有需要的开发者查阅使用，具体的实例如下所示。

1.iframe使用：根据数据自动增长页面的高度设置

function setHeight(obj){

var w=obj;

if (document.getElementById){

if (w && !window.opera){

if (w.contentDocument && w.contentDocument.body.offsetHeight){

w.height = w.contentDocument.body.offsetHeight+40;

}else if(w.Document && win.Document.body.scrollHeight){

w.height = win.Document.body.scrollHeight+40;

}

}

}

2.iframe使用：两种不同的嵌入新页面的方式

.

方法一：通过一个方法，将新页面的链接放入到iframe中

function preview(frame) {

var myIframe = $(“#frame”);

var url= basePath + “/base/commonFileUpload/preview?id=”+frame+“&split=1”;

$(‘#frame’).attr(‘src’, url);

}

方法二：如果是直接打开一个新窗口展示url生成的页面

window.open(basePath + “/base/commonFileUpload/preview?id=”+frame+“&split=1”);

3.iframe使用：直接设置嵌入新页面链接的方式