微客导航 » 文章资讯 » vue组件中使用iframe元素的示例代码

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

2023-09-19 12:18:05 145

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

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

需要使同层元素不被覆盖，可以加

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

iframe的一些方法：

获取iframe内容：

variframe=document.getElementById("iframe1");
variwindow=iframe.contentWindow;
varidoc=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:

即1去掉滚动条，2设置宽高

variwindow=iframe.contentWindow;
varidoc=iwindow.document;
iframe.height=idoc.body.offsetHeight;

例子：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

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

热门推荐

随机推荐