vue替代iframe的最好方法,在vue组件中如何使用iframe元素

vue替代iframe的最好方法,在vue组件中如何使用iframe元素详细介绍

本文目录一览： vue 有没有类似 iframe 的组件

vue-beauty vue 的ant design 实现
radon-ui 和上面的ui风格差不多
vue-carbon 手机端 material design ui

在一个html而上嵌入一个html页。但不想用iframe 还有什么方法？高手支招

中间的网址了改成你想加入的页页，WIDTH: 628px; HEIGHT: 814px自由改动！

在你需要的页面放入以下代码:
<iframe src="你要嵌入的网址" width="600" height="800" marginwidth="0"
marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no">
说明:(红色部分)
width和height即宽度和高度根据你所嵌入目标的高度和宽度填写,
例如你的日记本的宽为600,高为800,填上去就可以完整显示了
scroing 表示滚动条,它有三个参数,
一个是
yes, 即显示滚动条,
二是no,表示不显示滚动条.
第三是auto,系统自动判断显示或不显示滚动条~
就是所谓的ssi了.server side include 服务器端包含的意思...很多网站,以.shtml结局的就是..需要在服务器端配置.
在服务器端读取那个文件 相应位置显示
那就用frame

除了iframe 有没有别的方法 让页面上的一块显示html页？

需要使同层元素不被覆盖，可以加
不过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:即1去掉滚动条，2设置宽高var iwindow = iframe.contentWindow;var idoc = iwindow.document;iframe.height = idoc.body.offsetHeight;例子：
上面是我整理给大家的，希望今后会对大家有帮助。相关文章：微信小程序如何实现涂鸦详细解读在React组件“外”如何使用父组件详细解读ES6语法中可迭代协议
iframe说明与用法

一、记录说明
二、iframe说明 标签用于定义一个页面的内联框架。就是在一个html页面中分出小块，然后用iframe把其他网页嵌入进来，这小块就会显示其他html页面的内容了。
三、iframe标签常用属性
四、父、子页面常用方法 1、父页面
注意：iframe加载也需要时间（相当于重新打开一个页面），需要在父页面操作子页面，要等子页面加载完成，iframe常加上onload事件，jq常加上 $('#iframeId').load(function(){}); 再开始操作子页面。 2、子页面
五、实例 这里也包含了项目中写的常用的公共函数。为了方便js直接嵌入html中。因为jquery很方便，也引入了。
六、替换方法 1、ajax获取页面操作DOM加载。jquery也有提供 $('divId').load('.html') 直接加载的方法。 2、vue等框架，组件。

iframe替代方案

分割网页都是用DIV，iframe很少用，至于每次打开是不是AJAX跟用不用frame有关系么
我以前就用过AJAX做过管理页面，左侧菜单不用每次都重新加载，你让他每次点击左侧链接或按钮然后调用AJAX加载右侧的内容就行

跪求iframe标签替换框架里网页的方法

为iframe加个name属性，a标签的target写iframe的name的值
例如