Loading

JavaScript学习(六）

HTML事件

当在 HTML 页面中使用 JavaScript 时， JavaScript 可以触发这些事件。
事件的一般格式:
<some-HTML-element some-event='JavaScript 代码'>或 <some-HTML-element some-event="JavaScript 代码">
常见事件:

事件 描述
onchange HTML 元素改变
onclick 用户点击 HTML 元素
onmouseover 鼠标指针移动到指定的元素上时发生
onmouseout 用户从一个 HTML 元素上移开鼠标时发生
onkeydown 用户按下键盘按键
onload 浏览器已完成页面的加载

如下例

<button onmouseover="alert("yxzy")">弹</button>

typeof,null,undefined

typeof用来检测变量的数据类型
null用来清空对象
undefined用来清空任何变量
但是null ！= undefined

JavaScript表单验证(例子说明）

JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function validateForm() {
    var x = document.forms["myForm"]["fname"].value;
    if (x == null || x == "") {
        alert("需要输入名字。");
        return false;
    }
}
</script>
</head>
<body>

<form name="myForm" action="demo_form.php"
onsubmit="return validateForm()" method="post">
名字: <input type="text" name="fname">
<input type="submit" value="提交">
</form>

</body>
</html>
posted @ 2022-01-29 23:21  雨下整夜z  阅读(27)  评论(0)    收藏  举报