html页面引入另一个html页面04

最新推荐文章于 2024-05-10 01:00:24 发布

HD_2020176257

最新推荐文章于 2024-05-10 01:00:24 发布

阅读量732

点赞数

分类专栏：开发平台 web报表快速开发平台文章标签： html java 开发平台 object

本文链接：https://blog.csdn.net/HD_2020176257/article/details/112007588

版权

快速开发平台同时被 3 个专栏收录

22 篇文章 0 订阅

订阅专栏

开发平台

21 篇文章 0 订阅

订阅专栏

web报表

20 篇文章 1 订阅

订阅专栏

在上三章中介绍了使用华丹智能WEB报表快速开发平台的过程中，想要自己重新制作一个登陆注册页面，并且想要在登陆和注册页面的顶部和底部固定样的内容样式，使用文件引入的方式的第一种方式-使用import引入、第二种方式-使用js引入和第三种方式include引入，下面介绍第四种引入方式：
4、object引入和iframe引入
（1）创建三个文件 :top.html,bottom.html,index.html，top.html和bottom.html代码和之前，这里就不做赘述了。
（2）index.html的内容为：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>正文信息</title>
		
	</head>
	<body>

		<!--object引入，相当于把整个页面拉过来（在一个html中嵌套另一个html），包括title,meta,body,html等-->
        <!--此处的高是嵌套进去的整个html的高，不包括边框，padding等-->
        <object style="border:1px solid red" type="text/x-scriptlet" data="top.html" width="100%" height="200px"></object>
        <span id="indexTxt">这里是正文信息</span>
		<object style="border:1px solid red" type="text/x-scriptlet" data="bottom.html" width="100%" height="200px"></object>
		
        <!--iframe引入，同object方式一样，页面整个嵌套，默认高度为150,frameborder设置为1时边框宽度为2-->
		<iframe marginwidth=0 marginheight=0 width="100%" height=200 src="top.html" frameborder="no" <!--scrolling="no"-->></iframe>
		<span id="indexTxt">这里是正文信息</span>
        <iframe marginwidth=0 marginheight=0 width="100%" height=200 src="bottom.html" frameborder="no" <!--scrolling="no"-->></iframe>
	</body>

</html>

（3）运行结果如下：
在这里插入图片描述

（4）总结
这种方案引入效果看起来和之前相同，实际上如果内容超过object或者iframe的限定高度或宽度，就会出现滚动条，影响视觉效果。
华丹智能WEB报表快速开发平台的确很好用，有兴趣也可以看一下，网址https://www.huadaninfo.com/

HD_2020176257

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
html页面引入另一个html页面04

在上三章中介绍了使用华丹智能WEB报表快速开发平台的过程中，想要自己重新制作一个登陆注册页面，并且想要在登陆和注册页面的顶部和底部固定样的内容样式，使用文件引入的方式的第一种方式-使用import引入、第二种方式-使用js引入和第三种方式include引入，下面介绍第四种引入方式：4、object引入和iframe引入（1）创建三个文件 :top.html,bottom.html,index.html，top.html和bottom.html代码和之前，这里就不做赘述了。（2）index.html的内
复制链接

扫一扫