在JSP页面中嵌入iframe页面

最新推荐文章于 2025-03-21 11:23:10 发布

codeRunner-hd

最新推荐文章于 2025-03-21 11:23:10 发布

阅读量1.7w

点赞数 3

分类专栏：日常开发记录文章标签： jsp嵌套iframe iframe

本文链接：https://blog.youkuaiyun.com/weixin_43706634/article/details/99712678

版权

日常开发记录专栏收录该内容

7 篇文章

订阅专栏

在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>