Version: Next

iframe内联框架

在一个网页内嵌入另一个网页

iframe标签

属性

  • src: 引用页面地址
  • name: 框架名字

调整大小

  • width
  • height
<iframe src="https://www.baidu.com" width="900px" height="500px"></iframe>

iframe填满整个窗口

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>系统日志</title>
<style>
*{
margin: 0;
padding: 0;
}
html,body{
width: 100%;
height: 100%;
}
.container{
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div class = "container" >
<!-- <iframe src="http://172.18.199.243:5601/app/kibana#/dashbord/Filebeat-syslog-dashboard?embed=true&_g=()" height="600" width="800"></iframe>-->
<iframe src ="http://www.baidu.com" id="info-frame" width="100%" height="100%" ></iframe>
<!-- <iframe src="http://www.baidu.com" frameborder="0" scrolling="no" id="info-frame" οnlοad="setIframeHeight(this)"></iframe>-->
</div>
</body>
</html>

超链接跳转内容显示在iframe中

<iframe src="" name="myframe" width="300px" height="200px"></iframe>
<a href="http://ceskykrumlov.gitee.io/book" target="myframe">点我</a>
点我