很多站长朋友们都不太清楚怎么引入公共html,今天小编就来给大家整理怎么引入公共html,希望对各位有所帮助,具体内容如下:
本文目录一览: 1、 如何在一个html文件中引入另一个html文件 2、 html如何引入公共的html代码,比如公共右侧悬浮框 3、 在html文件引入其它html文件的几种方法 4、 在html里怎么样导入外部html文件 如何在一个html文件中引入另一个html文件在html页面中引入另一个html页面的标签
1、用iframe标签
<iframe SRC="xxxx.html" ></iframe>
2、用object标签
<object data="xxxx.htm"></object>
3、behavior的download方式
例:
1.IFrame引入
[代码] <IFRAME NAME="content_frame" width=100% height=30 marginwidth=0 marginheight=0 SRC="import.htm" ></IFRAME>
2.<object>方法
[代码] <object style="border:0px" type="text/x-scriptlet" data="import.htm" width=100% height=30></object>
3.Behavior的download方法
[代码]
<span id=showImport></span>
<IE:Download ID="oDownload" STYLE="behavior:url(#default#download)" /> <script>
function onDownloadDone(downDate){ showImport.innerHTML=downDate
}
oDownload.startDownload('import.htm',onDownloadDone) </script>
超文本标记语言, 标准通用标记语言下的一个应用。“ 超文本 ”就是指页面内可以包含图片、 链接,甚至音乐、 程序等非文字元素。超文本标记语言的结构包括 “头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的 具体内容。
html如何引入公共的html代码,比如公共右侧悬浮框可以把公共的代码写在一个div里面,然后其他地方引用这个文件即可
在html文件引入其它html文件的几种方法简介:在论坛中常常有网友问到,可以在一个html的文件当中读取另一个html文件的内容吗?答案是确定的,而且方法不只一种,在以前我只会使用iframe来引用,后来发现了另外的几种方法,那今天就总结这几种方法让大家参考一下,本人觉得第三种方式较好!
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中使用相同的背景色也可以,但如果你使用的是IE5.5的话,可以看看这篇关于透明色的文章 如果想引入的文件过长时不出现滚动条的话在import.htm中的body中加入scroll=no
2.<object方式
在html里怎么样导入外部html文件在html里包含额外的html页面一般是用JavaScript代码控制的,调用dom的load方法就可以了。
比如有a.html,需要把另外一个页面b.html也包含进来,那么实现代码如下:
1、a.html代码如下:
<html>
<head>
<script src="jquery.js"></script> 引用jquery,调用load方法
<script>
$(function(){
$("#includedContent").load("b.html"); 用load方法记载b.html
});
</script>
</head>
<body>
<div id="includedContent"></div>定义div,显示加载的html内容
</body>
</html>
2、b.html代码,显示一行文字:
<p>这是被a.html标签</p>
关于怎么引入公共html的介绍到此就结束了,不知道本篇文章是否对您有帮助呢?如果你还想了解更多此类信息,记得收藏关注本站,我们会不定期更新哦。
查看更多关于怎么引入公共html 如何加入公共网络的详细内容...