[第六季]12.Javascript事件处理机制(一)

最新推荐文章于 2024-07-09 12:53:34 发布

原创最新推荐文章于 2024-07-09 12:53:34 发布 · 276 阅读

0 ·

CC 4.0 BY-SA版权

008 JavaScript 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了JavaScript事件处理的基础知识，包括W3C教程中的EventHandlers、UTF-8编码设置及在不同场景下如何编写脚本代码。通过具体示例展示了如何在HTML标签内直接编写alert代码、如何在脚本中定义函数以及如何使用onLoad事件绑定函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

4.复习笔记(这个就是课后习题以及课程所呈现的需求)

①先学习W3C的使用方法,再学习utf-8编码的设置.
②在标签中写脚本代码,在jsp中写脚本代码(以前学过),最后介绍在onload中写脚本代码.

5.自测代码

2.课堂笔记

12:00
(1)w3c的教程
先搜索event--javascript参考手册---Event Handlers
(2)处理utf-8编码
<meta http-equiv="Con tent-Type" content="text/html; charset=utf-8" />
放在<head>里面
(3)在标签中直接写alert代码
知识:在控件标签中写代码
<body>
<input type="button" value="确定" onclick="alert('你好吗?');alert('我不太好!');" />
</body>
(4)在脚本中写代码
<script language="javascript">
    function show()
    {
        alert("1你好吗?");
        alert("1我不太好!");

    }
</script>
</head>

<body>
<input type="button" value="确定" onclick="show();" />
</body>
(5)用onLoad事件来绑定函数
<title>12.Javascript事件处理机制(一)</title>
<script language="javascript">
    function bangding()
    {
        document.getElementsByTagName("input").item(0).onclick=function()
        {
            alert("匿名函数测试");
        };

    }
</script>
</head>

<body onload="bangding();">
<input type="button" value="确定" />
</body>
12:30