javascript练习:8-10事件与this运算符

最新推荐文章于 2022-07-28 19:46:49 发布

转载最新推荐文章于 2022-07-28 19:46:49 发布 · 97 阅读

文章标签：

#javascript #xhtml #ViewUI

本文通过一个简单的HTML页面示例展示了如何使用JavaScript实现输入框内容变化时弹窗显示输入内容的功能。该示例包含了基本的HTML结构及JavaScript脚本编写方式。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>New Web Project</title>
        <script language="javascript">
            function mymethod(str)
            {
                alert("您输入的是:"+str);
            }
        </script>
    </head>
    <body>
        <form action="" method="get">
            <input type="text" name="text" onchange="mymethod(this.value)" />
            <input type="submit" name="button" value="提交" />
            <input type="text" name="text" />
            <input type="submit" name="button" value="提交" onclick="mymethod(form.text.value);return false;" />
        </form>
    </body>
</html>