使用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页面的脚本

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM