使用JS生成HTML标签，以达到母板页的效果

前台页面

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="js/jquery-1.9.1.min.js"></script>
    <style>
        .cls {
            margin-left: 5px;
            border: 1px;
        }
    </style>
</head>

<body>
    <form id="form1" runat="server">
        <div id="div1">
        </div>
        <div id="div2"></div>
    </form>
    <script src="js/global.js"></script>
    <script src="js/webForm1.js"></script>
</body>
</html>

webForm1.aspx

$(function () {
    var div = document.getElementById('div1');
    div.innerHTML = '<label class="cls">标题1</label><label class="cls">标题2</label><label class="cls">标题3</label>'
});

母板页的脚本

$(function () {
    $("label").click(function () {
        alert("你好，标题！");
    });
});

webForm1页面的脚本