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

html-css09

在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中可以采用iframe的方式引入外部html文件。iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。如下这个示例:

<html>

<body>

<iframe src="这里是外部html文件的路径" frameborder="0"></iframe>

</body>

</html>

在iframe中,src属性定义外部html文件的路径。frameborder定义是否有边框,0为无边框。iframe有以下常见属性:

1,align:不赞成使用。请使用样式代替。规定如何根据周围的元素来对齐此框架。

2,frameborder:规定是否显示框架周围的边框。,

3,height:规定 iframe 的高度。

4,marginheight:定义 iframe 的顶部和底部的边距。

5,marginwidth:定义 iframe 的左侧和右侧的边距。

6,name:规定 iframe 的名称。,

7,scrolling:规定是否在 iframe 中显示滚动条。

8,width:定义 iframe 的宽度。