在html里怎么样导入外部html文件

在html里怎么样导入外部html文件,第1张

在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网页中也可以实用文件调用的超级简短代码:

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

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)

下面这段代码可能是最烂的调用方法:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6212636.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-18
下一篇 2023-03-18

发表评论

登录后才能评论

评论列表(0条)

保存