本篇文章主要介绍了vue组件中使用iframe元素的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
本文介绍了vue组件中使用iframe元素的示例代码，分享给大家，具体如下：
需要在本页面中展示vue组件中的超链接，地址栏不改变的方法:
GoBack
需要使同层元素不被覆盖，可以加
不过html5有新的dialog元素用于对话框。
立即学习“前端免费学习笔记（深入）”；
iframe的一些方法：
获取iframe内容：
var iframe = document.getElementById("iframe1");
var iwindow = iframe.contentWindow;
var idoc = iwindow.document;
console.log("window",iwindow);//获取iframe的window对象
console.log("document",idoc); //获取iframe的document
console.log("html",idoc.documentElement);//获取iframe的html
console.log("head",idoc.head); //获取head
console.log("body",idoc.body); //获取body自适应 iframe:
移动端UI&微信UI YDUI Touch
下载
YDUI Touch专为移动端打造，在技术实现、交互设计上兼容主流移动设备，保证代码轻、性能高；使用 Flexbox 技术，灵活自如地对齐、收缩、扩展元素，轻松搞定移动页面布局；用 rem 实现强大的屏幕适配布局，等比例适配所有屏幕；自定义Javascript组件、Less文件、Less变量，定制一份属于自己的YDUI。
即1去掉滚动条，2设置宽高
var iwindow = iframe.contentWindow; var idoc = iwindow.document; iframe.height = idoc.body.offsetHeight;
例子：
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
