事件
JavaScript 使我们有能力创建动态页面。事件是可以被 JavaScript 侦测到的行为。
网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件。比方说,我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。事件在 HTML 页面中定义。
事件举例:
- 鼠标点击
- 页面或图像载入
- 鼠标悬浮于页面的某个热点之上
- 在表单中选取输入框
- 确认表单
- 键盘按键
注意:事件通常与函数配合使用,当事件发生时函数才会执行。
如果需要更多有关 Javascript 可识别事件的知识,请阅读我们的 JavaScript 事件参考手册。
onload 和 onUnload
当用户进入或离开页面时就会触发 onload 和 onUnload 事件。
onload 事件常用来检测访问者的浏览器类型和版本,然后根据这些信息载入特定版本的网页。
onload 和 onUnload 事件也常被用来处理用户进入或离开页面时所建立的 cookies。例如,当某用户第一次进入页面时,你可以使用消息框来询问用户的姓名。姓名会保存在 cookie 中。当用户再次进入这个页面时,你可以使用另一个消息框来和这个用户打招呼:"Welcome John Doe!"。
onFocus, onBlur 和 onChange
onFocus、onBlur 和 onChange 事件通常相互配合用来验证表单。
下面是一个使用 onChange 事件的例子。用户一旦改变了域的内容,checkEmail() 函数就会被调用。
<input type="text" size="30" id="email" onchange="checkEmail()
">
onSubmit
onSubmit 用于在提交表单之前验证所有的表单域。
下面是一个使用 onSubmit 事件的例子。当用户单击表单中的确认按钮时,checkForm() 函数就会被调用。假若域的值无效,此次提交就会被取消。checkForm() 函数的返回值是 true 或者 false。如果返回值为true,则提交表单,反之取消提交。
<form method="post" action="xxx.htm" onsubmit="return checkForm()">
onMouseOver 和 onMouseOut
onMouseOver 和 onMouseOut 用来创建“动态的”按钮。
下面是一个使用 onMouseOver 事件的例子。当 onMouseOver 事件被脚本侦测到时,就会弹出一个警告框:
<a href="http://www.w3school.com.cn"
onmouseover="alert('An onMouseOver event');return false"
>
<img src="w3school.gif" width="100" height="30">
</a>
分享到:
相关推荐
# JavaScript基础第06天笔记知识点详解 ## 1. 内置对象 ### 1.1 内置对象概述 在JavaScript中,对象被分为三种类型:自定义对象、内置对象以及浏览器对象。前两者属于ECMAScript的基础部分,而浏览器对象则是...
可用于学生,教师的JavaScript基础教程 JS中的事件处理方式 常用的JS事件 BOM-浏览器对象模型 window对象 window对象的子对象 我会不定期的上传新资源,欢迎各位关注我,获取更多的资源
---1.javaScript基础 ---2.javaScript操作BOM ---3.javaScript操作DOM ---4.JavaScript对象及初识面向对象 ---5.初识jQuery(转换) ---6.jQuery选择器 ---7.jQuery的事件与动画 ---8.jQuery操作D
总结来说,这个压缩包“JavaScript-code_sample”很可能是针对JavaScript初学者或开发者的一个学习资源,包含了从基础到高级的JavaScript编程知识,包括但不限于数据类型、控制流、函数、对象、DOM操作、事件处理、...
《JavaScript基础教程》第六版深入浅出地介绍了这门语言,帮助初学者掌握其基本概念和应用技巧。以下是对压缩包文件中各章节内容的详细解读: 1. **chap03**:通常这一章会讲解JavaScript的基础语法,包括变量、...
├─04 Javascript基础 - 面向对象编程 原型链 继承.mp4 ├─04 Javascript基础 - 面向对象编程 原型链 继承.pdf ├─05 ES6规范详解.mp4 ├─05 ES6规范详解.zip ├─06 vue基础.mp4 ├─06 Vue基础.pdf ├─07 es6...
### JavaScript代码常用大全知识点解析 #### 一、验证类 **1. 数字验证** - **1.1 整数验证** - 目的是确保输入的字符串仅包含整数。 - 可以通过正则表达式 `/^-?\d+$/.test(str)` 实现,其中 `-?` 表示可选的...
JavaScript的基本语法、DOM操作、事件处理等;jQuery的选择器、动画效果、插件使用等;以及ASP.NET的Web Forms、MVC模式、数据访问技术等。每个主题下都可能有详细的解释、实例演示以及问题解答,旨在帮助初学者快速...
从最基础的语法开始讲解,包括变量、数据类型、运算符、流程控制语句,到函数、对象、数组等核心概念,再到DOM操作、BOM处理以及事件处理,一步步引领读者深入JavaScript的核心。 04章节可能涉及的是JavaScript的...
软件开发涵盖了从桌面应用到移动应用的各种类型,而插件是在已有软件基础上扩展功能的程序,如浏览器插件、办公软件插件等。 4. **代码结构**:示例代码通常会展示良好的编程实践,例如模块化、封装、继承和多态等...
在"aula-06:Aprendendo JavaScript"这个主题中,我们将深入学习JavaScript的基础概念及其应用。 首先,JavaScript的基本语法是基于ECMAScript标准的,这是一种由欧洲计算机制造商协会制定的脚本语言规范。学习...
接着,我们有"Assignment.html",这很可能是包含JavaScript代码的一个HTML文件,用来演示变量赋值、函数定义、条件语句等基础概念,或者是更复杂的对象和数组操作。在JavaScript中,变量赋值是通过"="完成的,而函数...
### jQuery基础教程06知识点详解 #### 一、jQuery简介 - **定义**:jQuery是一款优秀的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作。 - **特点**: - 简洁的语法 - 强大的选择器引擎...
"零基础学会JavaScript"系列教程旨在帮助初学者从零开始掌握这种语言,逐步构建编程技能。 首先,JavaScript的基本语法是学习的重点。它与C++和Java等语言有相似之处,但更注重于事件驱动和函数式编程。例如,了解...
《静态网页设计》是大学一年级学生接触Web开发的入门课程,主要目的是让学生了解并掌握HTML、CSS和JavaScript等基础知识,从而能够创建出交互式的静态网页。这个2021-06期的期末作业,旨在检验学生们对这些知识点的...
例如,p01.pptx可能讲解HTML5的基础结构和新特性,p02.pptx可能涉及CSS3的选择器和布局,p03.pptx和p04.pptx可能深入到JavaScript的事件处理和DOM操作,p05.pptx和p06.pptx可能探讨CSS3的动画和响应式设计,而p07....
5. **事件与DOM操作**:在前端开发中,与用户交互是必不可少的,JavaScript提供了事件监听和处理机制。同时,通过DOM(文档对象模型)API,可以操作HTML元素,实现动态网页效果。这些内容可能在c15中有所介绍。 6. ...
这些特效的实现,通常涉及到JavaScript的DOM操作、事件处理、样式修改等技术。 总的来说,这个JavaScript视频教程1会带领初学者逐步了解JavaScript的基本语法、浏览器兼容性设置、查看源代码的方法,以及如何用...
4. **事件处理**:JavaScript通过监听和响应用户或浏览器的事件,实现页面的交互性,如点击事件、滚动事件等。 5. **函数式编程**:JavaScript支持函数式编程特性,如高阶函数、闭包、柯里化等,这些在编写复杂逻辑...
理解这些关键字的区别是学习JavaScript的基础。 2. **函数**:JavaScript中的函数不仅是可执行的代码块,也可以作为值进行传递。函数表达式、箭头函数和函数声明是函数的不同形式。 3. **对象与原型**:JavaScript...