Question

有谁知道，html中共用的html页面，怎么重复调用么，我现在是每个页面都复制进去了，显得代码好多

有谁知道，html中共用的html页面，怎么重复调用么，我现在是每个页面都复制进去了，显得代码好多，其实都一样的，有什么方法可以调用公共的html页面么，就像调用css一样

Answer 1

网站设计有很多时候在每一个网页都要使用同一的重复的部分，如每页的LOGO、导航栏设计、 版权信息等等，如果设计的时候没有将这些始终重复的部分独立出来，有需要修改的时候就会修改所有页面的同一个地方，将是非常繁琐的事情。所以我们往往将在 每个页面重复的部分独立设计、保存，采用调用的方法应用在每个页面相应的地方，如果有需要修改，往往只修改独立的这个文件就达到修改全部页面的效果。
在asp 以及php等中可以使用include之类的代码调用，那么在HTML格式的静态页面中是否也可以使用同样的调用方法？
现在就告诉大家在html网页中也可以实用文件调用的超级简短代码：
ASP一般常用调用代码：<!--webbot bot="Include" U-Include="include/top.htm" TAG="BODY" -->
标准ASP的SSI语法：<!--#include file="include/top.htm"-->
html调用中的浮动框架代码：<iframe src="地址" scrolling=auto width= height= frameborder=0 id=""></ifram>
html调用中的对象代码：<object src="地址" width="" height=""></object>
在html文件引入其它html文件的几种方法：
1.IFrame引入
代码： <IFRAME NAME="content_frame" width=100% height=30 marginwidth=0 marginheight=0 SRC="import.htm" ></IFRAME>
你 会看到一个外部引入的文件，但会发现有一个类似外框的东西将其包围，可使用代码： <iframe name="content_frame" marginwidth=0 marginheight=0 width=100% height=30 src="import.htm" frameborder=0></iframe> 但你又发现两个页面背景色不同，你只要在引入的文件import.htm中使用相同的背景色就可以了。
2.<object>方法
代码：<object style="border:0px" type="text/x-scriptlet" data="import.htm" width=100% height=30></object>

追问

我那个公共部分除了导航，还有点击登录弹出的界面，如果用了ifream或者是object弹窗就弹不出来，因为收这个框的限制

这个怎么办呢

追答

认真的读完，然后照着做，就不会出现你说的不弹出现象。修改完了，你可以测试。

追问

我试了，弹出来了，但是是在iframe框里里面

但是我的弹出是整个网页被白半透明的挡住，然后界面显示在屏幕中间的

追答

把这个边框的颜色设置成和页面一样。或者直接改成物色。

无色

追问

调用这个页面显示没问题，就是点击效果的弹出有问题，弹出框只在iframe里面显示

你懂我意思么

追答

继续看2里面说的。学习html最大的一条定律就是自己想。说多了你以后就有依赖性了。怕影响你，以后自我探索发现的天分。很多都要自己一遍一遍尝试，反复失败后自己总结出来的才是属于自己的经验。

追问

我就是这个失败了很多次啊，可是现在很急啊

麻烦你告诉我吧😄

追答

你没有对浮动边框的背景进行文件引入。继续跟着第二部分修改代码，进行调试。

基础不好，以后谁能天天在你工作的时候，给你身边指导啊？

追问

看来你还是不明白我意思

本来是调好了，显示没有问题，但是默认高度弹窗不能正常显示，弹窗是这个屏的并且是半透明的，会显示出下面网页来

追答

无语了。这需要你，设置你需要的参数。修改相应的代码。举一反三。

追问

。。。

追答

你不动脑，一切都是我的！明白吗？

追问

。。。🐷

追答

这都是一个过程。不逼你，你是不会自己动手动脑的。我也是好意。今天能帮你，明天呢？实战的时候，只能靠自己。所有每一次设计都是一次挑战自己的残酷实战。

追问

我就在做的，什么不会动手动脑，谢谢你的好意回答，但是没说到我问的点子上的，你可明白😊

追答

明白，你的意思就是我帮你全部写好了。然后你拿出参考参考。

追问

你说的那几个引用我本来就会，只是有点问题，我在问这个

no

追答

😜

把你做的拍张照片我看看。

Answer 2

服务器如果支持ssi就可以在注释里面调用文件，就像php一样如果支持就不会显示注释，注释就会被当成命令解析

追问

我就是本地的，能不能调用呢

追答

能

看支不支持ssi了

追问

怎么调用呢

我不懂ssi啊

追答

例如你有head.html，index.shtml，foot.html，index.shtml为首页文件，在文件顶部添加
Hellow World

这样index.shtml文件就可以显示head.html和foot.head.html中字符了

追问

.shtml和.html有什么区别呢，我的首页是.html格式的文件也

这个.html的可以这样引用吗

追答

那就不支持ssi

追问

啊😱

这个有什么办法么