如何在 HTML 中嵌套、引入其他的 HTML?

在日常开发中,书写的 HTML 页面往往不是独立或互不通用,通常是有些头部、尾部或者其他部分是公用的,但是 HTML 有不同 JSP 页面可以使用类似 include 这样的动作标记,所以接下来介绍二种 HTML 页面引入其他 HTML 页面的方法。

1. jQuery

通过 jQuery 将公共的 HTML 引入到对应的 DIV 内

$(function () {
    $.get("content.html",function (data) { //引入时的页面名称
        $("#content").html(data); //引入时的ID
    });
});

或者

$("#content").load("/content.html");

content.html

About me

I am a web developer.

2. iframe

iframe 属性:

  • srcr:要引入的HTML文件
  • width、heightr:宽度、高度
  • frameborder:边框
  • scrollingr:滚动条
  • name:iframe 名称

你可能感兴趣的:(#,HTML,HTML,前端)