使用jQuery的load()进行页面模块化加载

为什么80%的码农都做不了架构师？>>>   

在做Java项目时，我们可以采用多种方法对页面进行模块化。

例如，使用JSP时，我们可以这样引入一个片段：

<%@ include file="page.jsp" %>

再例如，使用Freemarker时，我们可以这样引入一个片段：

<#include "page.jsp">

使用HTML时，传统采用iframe的方法引入页面，这样会给DOM元素操作带来不少麻烦。

在这种情况下，我们还可以使用jQuery的load()进行页面模块化加载：

$(function() {
    $('#content').load('page.html');
});

这样，当#content这个元素加载之后，就会自动在其中写入page.html的内容，完成片段加载。

采用这种方法某些情况下也可以取代用document.write硬写大量元素标签的尴尬情形。

转载于:https://my.oschina.net/jndion/blog/379628