-2

我有一个 asp.net 内容页面，我需要在里面写一个计算器（？）。

<%@ Page Title="Calculator" Language="C#" AutoEventWireup="true" CodeBehind="Calculator.aspx.cs" Inherits="WebApplication2.Calculator" MasterPageFile="~/Site.Master" %>
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"></asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<!-- calculator code here -->
</asp:Content>

我有一个带有简单 javascript 计算器的 html 页面：

<head>
    <title></title>
</head>

<body>

<script type="text/javascript">

    function addvalue(arg1) {
        Calc.Input.value += arg1;
    }

</script>

<form action="#" name="Calc">

<table style="width: 160px" border="2">
    <tr>
        <td colspan="4">
            <input id="Text1" type="text" maxlength=16 name="Input" style="width:98%" /></td>
    </tr>
    <tr>
        <td style="width: 40px">
            <input id="Button1" type="button" value="1" onclick="addvalue('1')" /></td>
        <td style="width: 40px">
            <input id="Button2" type="button" value="2" onclick="addvalue('2')" /></td>
        <td style="width: 40px">
            <input id="Button3" type="button" value="3" onclick="addvalue('3')" /></td>
        <td>
            <input id="Button7" type="button" value="+" onclick="addvalue(' + ')" /></td>
    </tr>
    <tr>
        <td>
            <input id="Button4" type="button" value="4" onclick="addvalue('4')" /></td>
        <td>
            <input id="Button5" type="button" value="5" onclick="addvalue('5')" /></td>
        <td>
            <input id="Button6" type="button" value="6" onclick="addvalue('6')" /></td>
        <td>
            <input id="Button8" type="button" value="-" onclick="addvalue(' - ')" /></td>
    </tr>
    <tr>
        <td>
            <input id="Button9" type="button" value="7" onclick="addvalue('7')" /></td>
        <td>
            <input id="Button10" type="button" value="8" onclick="addvalue('8')" /></td>
        <td>
            <input id="Button11" type="button" value="9" onclick="addvalue('9')" /></td>
        <td>
            <input id="Button12" type="button" value="*" onclick="addvalue('*')" /></td>
    </tr>
    <tr>
        <td>
            <input id="Button13" type="button" value="C" onclick="Calc.Input.value=null" /></td>
        <td>
            <input id="Button14" type="button" value="0" onclick="addvalue('0')" /></td>
        <td>
            <input id="Button15" type="button" value="=" onclick="Calc.Input.value = eval(Calc.Input.value)" /></td>
        <td>
            <input id="Button16" type="button" value="/" onclick="addvalue(' / ')" /></td>
    </tr>
</table>

</form>

</body>
</html>

我需要调整此代码以与 asp.net 内容页面一起使用。我该怎么做 ？

我知道 asp.net 是服务器端技术，而 javascript 是客户端。但我不知道如何在另一个里面使用一个=\

4

1 回答 1

1

是的，这是可能的，只需将JSorJquery脚本放在内容中，如下所示：

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<table style="width: 160px" border="2">
    <tr>
        <td colspan="4">
            <input id="Text1" type="text" maxlength=16 name="Input" style="width:98%" /></td>
    </tr>
    <tr>
        <td style="width: 40px">
            <input id="Button1" type="button" value="1" onclick="addvalue('1')" /></td>
        <td style="width: 40px">
            <input id="Button2" type="button" value="2" onclick="addvalue('2')" /></td>
        <td style="width: 40px">
            <input id="Button3" type="button" value="3" onclick="addvalue('3')" /></td>
        <td>
            <input id="Button7" type="button" value="+" onclick="addvalue(' + ')" /></td>
    </tr>
    <tr>
        <td>
            <input id="Button4" type="button" value="4" onclick="addvalue('4')" /></td>
        <td>
            <input id="Button5" type="button" value="5" onclick="addvalue('5')" /></td>
        <td>
            <input id="Button6" type="button" value="6" onclick="addvalue('6')" /></td>
        <td>
            <input id="Button8" type="button" value="-" onclick="addvalue(' - ')" /></td>
    </tr>
    <tr>
        <td>
            <input id="Button9" type="button" value="7" onclick="addvalue('7')" /></td>
        <td>
            <input id="Button10" type="button" value="8" onclick="addvalue('8')" /></td>
        <td>
            <input id="Button11" type="button" value="9" onclick="addvalue('9')" /></td>
        <td>
            <input id="Button12" type="button" value="*" onclick="addvalue('*')" /></td>
    </tr>
    <tr>
        <td>
            <input id="Button13" type="button" value="C" onclick="Calc.Input.value=null" /></td>
        <td>
            <input id="Button14" type="button" value="0" onclick="addvalue('0')" /></td>
        <td>
            <input id="Button15" type="button" value="=" onclick="Calc.Input.value = eval(Calc.Input.value)" /></td>
        <td>
            <input id="Button16" type="button" value="/" onclick="addvalue(' / ')" /></td>
    </tr>
</table>
<script type="text/javascript">

    function addvalue(arg1) {
        Calc.Input.value += arg1;
    }

</script>
</asp:Content>

我希望这会有所帮助

于 2013-11-04T13:55:44.600 回答