在JSP页面中嵌入iframe页面
由于工作开发需求,需要在jsp页面中套用一个网址,用iframe嵌入的方式,之前没有用过,所以记录一下
嵌套方法
直接在jsp页面的div中套入iframe的代码,一般只需要一行就行,然后设置iframe的样式大小即可,具体如下;
<!doctype html>
<%@ page contentType="text/html;charset=UTF-8"%>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
</head>
<body data-type="index">
<div class="tpl-page-container tpl-page-header-fixed">
<div class="tpl-content-wrapper">
<div class="tpl-content-page-title">
<ol class="am-breadcrumb" style="margin-bottom: 0.5rem;">
<li><a href="#" class="am-icon-list"> 示例页面</a></li>
</ol>
</div>
<div class="tpl-portlet-components" style="display: table; width: 100%; height: 95%; margin-bottom: 0px;">
<div class="row am-cf">
<!-- 只需要插入下面这行代码就可以了,配合js指定所展示的url -->
<iframe id="mainContent" width="100%" height="1200px"></iframe>
</div>
</div>
</div>
</div>
</body>
<script>
var mainContent = document.getElementById('mainContent');
<!-- 指定所展示url -->
mainContent.src = "http://www.baidu.com"
</script>
</html>