📄 ex12-13.htm

📁 《JAVASCRIPT 动态网页编程实例手册》一书中的源代码

💻 HTM

字号:

    <html><head><title>按钮事件与this关键字的运用 </title>
    <script language="JavaScript">
    <!-- 
        function disp_formval(myform){
            alert("文本框的内容为：" + myform.input1.value );
        }
        function disp_buttonval(mybutton){
            alert("按钮的值为：" + mybutton.value);
        }
    // -->
    </script>
    </head>
    <body><b>
    <form name="form1" >
        <p>请输入一些文字：
        <input type="text" name="input1" size="50"> <p>
        <input type="button" value="显示文本框内容"
               onClick="disp_formval(this.form);" >
        <input type="reset" value="Clear"> <br>
        <button onClick="disp_buttonval(this);">
            <table border="1">
            <tr><td>显</td><td>示</td></tr>
            <tr><td>按</td><td>钮</td></tr>
            <tr><td>的</td><td>值</td></tr>
            </table>
        </button>             
    </form>
    </body></html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -