vue组件中使用iframe元素的示例代码

前端之家收集整理的这篇文章主要介绍了vue组件中使用iframe元素的示例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文介绍了vue组件中使用iframe元素的示例代码分享给大家,具体如下: @H_502_1@

需要在本页面中展示vue组件中的超链接,地址栏不改变的方法: @H_502_1@

@H_502_1@

不过html5有新的dialog元素用于对话框。@H_502_1@

iframe的一些方法:@H_502_1@

获取iframe内容:@H_502_1@

获取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:@H_502_1@

即1去掉滚动条,2设置宽高@H_502_1@

例子: @H_502_1@

代码如下:
@H_502_1@

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。@H_502_1@

猜你在找的Vue相关文章