JAVAWEB JavaScript 事件 onload onclick onblur onchange onsubmit

最新推荐文章于 2024-09-10 20:37:24 发布
最新推荐文章于 2024-09-10 20:37:24 发布
阅读量736 收藏
点赞数 1
分类专栏： JAVAWEB 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chengqingshihuishui/article/details/108369497
版权
本文详细介绍了JavaScript中的五个常见事件：onload（页面加载完成后触发）、onclick（单击事件，常用于按钮）、onblur（失去焦点事件，适用于输入框验证）、onchange（内容改变事件，常用于下拉列表和输入框）以及onsubmit（表单提交事件，用于验证表单内容的合法性）。文中分别展示了静态写法和动态注册这两种方式，并提供了示例代码。
摘要由CSDN通过智能技术生成

一、onload事件： 页面加载完成后，自动触发的操作，常用于js代码初始化操作

1、静态写法

写法一：直接在html元素标签里面写

<body οnlοad="alert('静态注册onload事件')">   <!--一般只有一句代码才直接在onload后面写代码 -->

...........

</body>

写法二： 写在<head>元素之间, 多代码语句写法

<head>

............

<script type="text/javascript">
    function fun() {
        alert("静态注册onload事件");
    }

</head>

<body οnlοad="fun()">   <!--如果有多句代码，可定义成一个函数来完成-->

...........

</body>

2、onload事件动态注册   

<head>

............

   window.οnlοad=function(){      <!--onload本身是window对象的方法，所以直接window.事件名=function(){}完成动态注册-->

alert("动态注册onload事件");

</head>

<body>   

...........

</body>

二、onlclick事件：单击事件   常用于按钮

1、静态写法                                     //跟前面onload一样的，就是把onload改成onclick

<script type="text/javascript">
    function Onclickfun(){
        alert("静态函数注册");
    }
</

最低0.47元/天 解锁文章
澄清石灰水t
关注
专栏目录
基于JavaWeb的JavaScript开发课程源码学习资料
10-08
该项目是一个基于JavaWeb平台的JavaScript开发课程源码，包含507个文件，涵盖223个Java类文件、98个XML配置文件、31个HTML文件、30个JAR包文件、17个JavaScript文件、5个TypeScript文件、4个JSON文件和3个Git忽略...
通过onchange事件，区域内内容发生变化而做出相应的变化
zhangqling的博客
07-19 1487
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;onchange事件&lt;/title&gt; &lt;script&gt; //由于script放在前面，所以要用预加载onload事件。
web基础学习笔记(五)之常用的事件:onload、onclick、onblur
weixin_44014196的博客
09-08 932
常用的事件： onload事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> /*onload事件的方法*/ function onloadFun() { al
WEB界面onload前的加载流程❤❤
weixin_34075551的博客
04-23 135
　　开始的流程： 　　　　1、先发请求给DNS进行域名解析获取服务器IP 　　　　2、向步骤1获取的服务器IP发送HTTP请求 　　　　//服务器的内部处理 　　　　3、服务器接收请求后，解析主机头对应的站点，把请求传送给站点 　　　　//返回http 　　　　4、站点接受转发的请求作出回应并返回HTTP回应 　　　　//解析头部 　　　　5、浏览器接到返回的HTTP回应，解析头信息和HTML...
JavaScript速成课—事件处理
小马哥的博客
09-19 507
注意：前面的addEventListener()函数一般的浏览都可以用，但有写IE8及其以下版本不能用，所有可以用attachEvent()函数，但这个函数太古老了，有些浏览器还真不支持addEvent()顾名思义，就是看是哪一个元素属性发生的事件，这个属性是target，在IE8以下以下不支持这个属性，可以用SRCElement属性获取事件源。JavaScript事件的event对象表示当前事件，event对象的属性包含了当前对象的状态，只在事件发生的过程中才有效。
基于JavaScript的JavaWeb作业设计源码
05-28
本项目是基于JavaScript的JavaWeb作业设计源码，包含745个文件，其中包括195个JavaScript文件、154个GIF图像文件、92个JPG图像文件、86个CSS样式文件、72个PNG图像文件、19个JSON配置文件、16个Map文件、15个Class...
基于JavaWeb和JavaScript的校园新闻管理系统设计源码
10-02
该项目是一款基于JavaWeb和JavaScript的校园新闻管理系统源码，包含1297个文件，涵盖357个JavaScript脚本、178个PNG图片、159个CSS样式表、141个GIF动画、140个JSP页面、110个Java类文件、58个JPG图片、26个HTML页面...
基于JavaWeb和JavaScript的goods表查询实践设计源码
最新发布
10-05
该实践项目是一个基于JavaWeb和JavaScript的goods表查询系统，源码包含39个文件，涵盖13个XML配置文件、9个Java源文件、4个HTML文件、3个属性文件、2个图片文件以及其他相关文件。项目主要运用Java、HTML、CSS和...
javaweb管理项目，JavaScript
06-03
【标题】：“javaweb管理项目，JavaScript” 这个项目是一个基于JavaWeb的管理系统，它主要利用JavaScript技术进行前端交互和处理。JavaWeb是Java技术在Web开发中的应用，它包括了Servlet、JSP（JavaServer Pages）...
Web（三）
a17364524859的博客
09-19 116
JavaScript: 完成页面的动态效果 1.ECMAScript 2.事件 - 标签有关 onblur - 失去焦点, 通常用于input标签 onchange - 内容改变, 通常用于select标签 onclick - 单击, 可以用于所有元素 onfocus - 获得焦点, 通常用于input标签 onkeydown - 键盘按下, 通常用于input标签 onload - 某个页面或图像被完成加载, 通常用于body标签 onmouseover - 鼠标被移到某元素之上 onmouseout -
js的事件处理
bbdRzzz的博客
11-16 832
js的事件处理
同一个web页面多个onload只执行一个
寻码启示
04-21 669
同一个web页面使用了多个window.onload的处理方法
onchange()、onsubmit()和onreset()
boat_sea的博客
04-30 1020
onchange()失去焦点内容改变事件代码如下： &lt;form name="change"&gt; &lt;input type="text" name="wenzi" value="零基础学JavaScript"&gt; &lt;select name="menu" onchange="changecolor()"&gt;
细说JavaScript事件处理（JavaScript事件处理详解）
zhishunet
01-20 868
js语言的一个特色和就是它的动态性，即一时间驱动的方式对用户输入作出反应而不需要依赖服务器端程序。事件是指人机交互的结果，如鼠标移动、点击按钮、在表单中输入数据或载入新的Web洁面等。
JavaScript 编程精粹：JavaScript 事件处理
m0_53117341的博客
09-10 835
JavaScript 编程精粹：JavaScript 事件处理一 . BOM1.1 Window1.1.1 alert()1.1.2 confirm()1.1.3 setInterval()1.1.4 setTimeout()1.1.5 小案例 - 通过定时器来控制灯的亮暗1.2 History1.3 Location二 . DOM2.1 获取 Element 对象2.2 常见 Element 对象的使用三 . 事件监听3.1 事件绑定3.2 常见事件3.3 需求 : 移出输入框自动校验格式3.3.1 验证
javaweb-----------js事件（onload，onclick，onblur，onchange，onsubmit）
tutou_girl的博客
01-16 217
onload onclick onblur onchange onsubmit（阻止表单提交）
【尚硅谷 JavaWeb 笔记】onsubmit事件
qq_54110690的博客
02-27 520
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>onsubmit事件</title> <script type="text/javascript"> // 静态注册onsubmit事件 function onsubmitFunc() { // 要验证所.
JavaScript 事件处理
weixin_47906106的博客
12-26 845
事件处理 事件 发生在HTML元素上的事情，可以是用户行为，也可以是浏览器的行为 用户点击了某个HTML元素 用户将鼠标移动到某个HTML元素上 用户输入数据时光标离开 页面加载完成 事件源：时间触发的源头，即触发事件的元素，如按钮，输入框，超链接 事件对象：当一个事件发生时，这个事件相关的详细信息会被保存到一个对象中，称为event对象 事件监听：监听事件的发生，绑定事件函数，当事件触发后执行该事件函数，即回调函数 绑定事件 三种方式： 静态绑定，通过为标签的事件属性赋值 <input ty
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值