如何在一个html页面内的div里嵌入一个html页面

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在一个html页面内的div里嵌入一个html页面相关的知识,希望对你有一定的参考价值。


<iframe name="ifraRight" id="ifraRight"  src="Main.aspx" frameborder="0" onload ="javascript:getWidth()" scrolling="yes"></iframe>添加ONLOAD事件,在里面写获取父类的高宽,从而赋给IFRAME作为限制
参考技术A <iframe>标签可以内嵌其他网页 参考技术B

在一个div里面嵌套一个新的完整的html是不能实现的,想在一个页面中嵌套另外一个页面需要使用iframe标签。

工具原料:编辑器、浏览器

1、在一个页面写一个iframe标签可以将其他的网页嵌套在里面,代码如下:

<html>

<body>
<iframe src="http://www.baidu.com"></iframe>
<p>一些老的浏览器不支持 iframe。</p>
<p>如果得不到支持,iframe 是不可见的。</p>
</body>
</html>

2、运行的结果如下图:

Grafana:允许页面嵌入

参考技术A 我这边是集成apisix的监控页面,然后Grafana的监控图以及生成好了

我本地的地址是:

http://192.168.148.198:3000/d/bLlNuRLWz/apache-apisix?orgId=1&refresh=5s

然后我在 apisix的管理页面配置

这样子还不行,需要 在 Grafana配置文件中,允许嵌入以及,允许匿名登录

找到Grafana的配置文件(默认路径:/usr/share/grafana)

vim conf/defaults.ini

这样 就能在apisix里面的监控访问了,

以上是关于如何在一个html页面内的div里嵌入一个html页面的主要内容,如果未能解决你的问题,请参考以下文章

一个系统中的JSP页面嵌入另一个JSP页面,利用iframe这样可以吗?

怎样在一个HTML中嵌入另一个HTML页面

网页制作中,如何实现一个网页里放两个百度动态地图,不会受到影响

如何在一个Html文件中嵌入另一个Html文件

如何利用Vue.js库绑定HTML标签内的class属性值

使用 php jquery ajax 从 mysql 获取图像并将它们显示在 DIV 内的 html 页面中