如何在ASP.NET中使用动态创建的html / javascript？

Question

我正在将一个网络应用程序从普通的html / jquery转换为c＃.net。当我使用asp.net单击我的网页上的按钮时，我试图动态添加这个javascript / html代码。 js / html代码添加到页面，然后在它到达服务器时消失。这是为什么？我是asp.net的新手。单击“添加”按钮后如何使代码保留在浏览器上？

asp.net：

<asp:Button ID="addButton" runat="server" Text="Add" OnClientClick="javascript:Add()"/>

.js文件：

  function Add() {
    $('tr').removeClass('select');
    $('tbody').append('<tr class="table-data-row" id="new-row"><td class="quantity"><input type="text" name="qty" class="input-qty" value=""/></td><td class="des"><input type="text" class="input-desc" name="desc"/></td><td><input type="text" class="input-price" name="price" value=""/></td><td class="capital"></td></tr>');
    $('#buttons').append('<button class="buttonSC" onclick="Save()">Save</button><button class="buttonSC" onclick="Cancel()">Cancel</button><p></p>');
    $('[name="qty"]').focus();
    $('.input-qty , .input-price').keyup(function () {
        this.value = this.value.replace(/[^0-9]/g, '');
    });
  }