javascript 表单对象与事件处理
js中parent
js中parent.onchangemodel方法JavaScript是一种具有交互性的脚本语言，可以在网页中实现多种功能，如表单验证、动画效果、交互式响应等。
在Web 开发中，经常需要处理表单的相关操作，如输入、提交等。
当用户在表单中输入数据并提交表单时，需要对表单数据进行处理，并更新网页上相关的内容。
而使用JavaScript的parent.onchangemodel方法则可以捕捉表单数据的变化事件，从而实现对表单数据的实时处理和更新。
下面，本文将详细介绍parent.onchangemodel方法的实现及应用。
parent.onchangemodel方法是一种响应表单数据变化的事件，类似于onchange事件。
当表单元素的值发生变化时，就可以触发onchangemodel事件并响应相应的操作。
例如，当用户在文本框中输入字符或选择下拉框中的选项时，就会触发onchangemodel事件。
以下是parent.onchangemodel方法的基本语法：parent.onchangeModel = function (){//处理表单元素的值变化}在这个函数中，可以添加对表单数据变化的处理代码，例如对文本框输入进行实时筛选、更新下拉框选项等操作。
我们可以通过一个简单的示例来说明parent.onchangemodel方法的应用。
下面是一个包含文本框和下拉框的表单，当用户在文本框中输入字符时，会根据输入内容实时筛选下拉框选项，并将匹配的选项显示在下拉框中。
<!DOCTYPE html><html><head><title>onchangemodel事件示例</title><script>window.onload = function(){var inputBox =document.getElementById("inputBox");var selectBox =document.getElementById("selectBox");var options =selectBox.getElementsByTagName("option");inputBox.oninput = function(){selectBox.innerHTML = "";for(var i = 0; i < options.length; i++){ if(options[i].value.indexOf(inputBox.value) !== -1){selectBox.appendChild(options[i]);}}}selectBox.onchange = function(){inputBox.value = selectBox.value;}}</script></head><body><input type="text" id="inputBox" placeholder="请输入..."> <select id="selectBox"><option value="apple">apple</option><option value="banana">banana</option><option value="cherry">cherry</option><option value="durian">durian</option><option value="elderberry">elderberry</option><option value="fig">fig</option></select></body></html>在这个示例中，我们定义了一个oninput事件，监听输入框inputBox的输入事件。
function(e)的用法
一、简介function(e)是JavaScript中常见的语法结构，用于定义函数和处理事件。
其中，e通常表示事件对象，可以在函数内部使用这个对象来获取触发事件的相关信息。
二、在函数中使用event对象1. 在事件处理函数中，可以通过function(e)来接收事件对象e，然后在函数内部使用这个对象来获取事件的相关信息，比如触发事件的元素、事件的类型等。
2. 通过event对象可以获取元素的相关信息，比如获取事件触发的元素，获取鼠标位置等。
这些信息可以帮助开发者更灵活地处理事件。
三、示例以下是一个简单的示例，演示了如何在函数中使用event对象来处理鼠标点击事件。
```// HTML部分<button id="btn">点击我</button>// JavaScript部分document.getElementById('btn').addEventListener('click',function(e) {console.log('触发了点击事件');console.log('事件类型：' + e.type);console.log('触发事件的元素：' + e.target);console.log('鼠标点击的X坐标：' + e.clientX);console.log('鼠标点击的Y坐标：' + e.clientY);});```四、在不同情况下的用法1. 在事件处理函数中，可以根据需要选择是否使用event对象。
如果需要获取事件相关的信息，就可以在函数中使用function(e)，然后通过e来获取相应的信息。
2. 在一些情况下，可能并不需要event对象，比如一些简单的事件处理函数，只需要执行一些特定的操作，不需要获取事件的相关信息。
javascript菜鸟基础教程
JavaScript 简介JavaScript 有什么特点JavaScript 使网页增加互动性。
JavaScript 使有规律地重复的HTML文段简化，减少下载时间。
JavaScript 能及时响应用户的操作，对提交表单做即时的检查，无需浪费时间交由 CGI 验证。
JavaScript 的特点是无穷无尽的，只要你有创意。
Java 与 JavaScript 有什么不同很多人看到 Java 和 JavaScript 都有“Java”四个字，就以为它们是同一样东西，连我自己当初也是这样。
其实它们是完完全全不同的两种东西。
Java，全称应该是Java Applet，是嵌在网页中，而又有自己独立的运行窗口的小程序。
Java Applet 是预先编译好的，一个 Applet 文件（.class）用 Notepad 打开阅读，根本不能理解。
Java Applet 的功能很强大，可以访问 http、ftp等协议，甚至可以在电脑上种病毒（已有先例了）。
相比之下，JavaScript 的能力就比较小了。
JavaScript 是一种“脚本”（“Script”），它直接把代码写到 HTML 文档中，浏览器读取它们的时候才进行编译、执行，所以能查看HTML 源文件就能查看JavaScript 源代码。
JavaScript 没有独立的运行窗口，浏览器当前窗口就是它的运行窗口。
它们的相同点，我想只有同是以 Java 作编程语言一点了。
开发 JavaScript 该用什么软件一个 JavaScript 程序其实是一个文档，一个文本文件。
它是嵌入到 HTML 文档中的。
所以，任何可以编写 HTML 文档的软件都可以用来开发 JavaScript。
在此我推荐大家用 FrontPage 2000 附带的 Microsoft 脚本编辑器（在FrontPage 菜单 | 工具 | 宏 | Microsoft 脚本编辑器）。
它是个像 Visual Basic / C++ 一样的程序开发器，能对正在输入的语句作出简要提示。
JavaScript答辩问题
JavaScript核心技术答辩问题A类1、JavaScript有哪几种数据类型。
答：boolean（布尔）、Number（数值类型）、string（字符串）、undefined（未初始化的）、null（空）、对象类型2、while和do while循环有什么区别。
答：do while是先执行后判断,while是先判断后执行。
3、break与continue的区别。
答：break是直接结束当前循环，continue是结束本次循环，接着继续判断。
4、运算符有哪几种？并举例！(每个运算符至少说出三个例子)答：算术运算符，如：+,-,/,*,%,++,--比较运算符，如：>,<,<=,>=,==,!=,<>逻辑运算符，如：&&，！，||条件运算符，如：三目运算符《表达式1？表达式2：表达式3》5、我们javascript代码可以放置在哪个HTML元素中？答：1、<head></head>2、<body></body>6、JavaScript语言中的基本元素有哪些？答：标示符，变量，注释，数据类型7、条件控制语句有哪些？答：if语句，if…else语句，switch语句8、循环控制语句答：while循环，do…while循环，for循环9、对象访问语句For..in循环语句，with语句10、如果我想向页面输出“你好”；用到的语句是什么？答：document.write(“你好”);11、在页面中怎么引用外部脚本？答：<script src="xxx.js">12、JS中的三种弹出式消息提醒(警告窗口、确认窗口、信息输入窗口)的命令是什么？答：alert（）confirm（）prompt（）13、Array对象、Date对象、String对象分别用来处理什么的？答：Array对象用于在单个的变量中储存多个值Date对象用于处理日期与时间String对象用于处理文本（也就是字符串）14、数组中的什么方法是颠倒数组中元素的顺序？Reverse();15、实例化一个对象的关键字是什么？答：new16、JavaScript中如何实现定时调用功能setTimeOut(函数,100);17、IndexOf()和lastIndexOf()方法分别代表什么意思，它们有什么区别？答：IndexOf()：检索字符串lastIndexOf()：从后向前检索字符串区别：IndexOf()：从左往右查找，返回参数第一次出现的索引位置lastIndexOf()：从右往左查找，返回参数最后一次出现的索引位置18、Substr()和substring()中分别有几个参数，分别代表什么意思？答：Substr():两个参数，参数一：以索引开始包含本身，参数二：指定的个数,Substring();两个参数，参数一：以索引开始包含本身，参数二：以索引结束不包含本身19、创建一个函数所用的关键字是什么？如何定义？答：关键字：function定义：function 函数名一组参数置于括号中的执行代码20、浏览器对象模型中我们学过哪几个对象？分别是什么？答：1.window对象：它表示浏览器的窗口2.navigator对象：包含有关访问者浏览器的信息3.screen对象：包含有关用户屏幕的信息4.history对象：包含浏览器的历史5.loction对象：用于获得当前页面的地址（URL），并把浏览器重新定向到新的页面21、我们在调用什么对象的子对象时可以不指明此对象？为什么？答：我们在调用window对象的子对象时可以不指明window对象，原因：因为window对象是BOM中的顶层对象22、innerText和innerHTML的区别在哪里？答：innerText包含着重起始位置到终止位置的内容，但它出去html标签；InnerHTML重对象的起始位置到终止位置的内容，包含html标签23、全局变量和局部变量的范围有什么不同？答：全局变量是指在整个程序中都可用;局部变量只是在定义他的那个函数中里可用！出了那个函数范围他就没意义了！24、简述列举文档对象模型DOM里document的常用的查找访问节点的方法并做简单说明答：Document.getElementById 根据元素id查找元素 Document.getElementByName 根据元素name查找元素 Document.getElementTagName 根据指定的元素名查找元素25、访问表单对象，可以用哪几种方法？答：Document.getElementById（“表单标签的ID”）Document.getElementByName（“表单标签的Nama”）[索引]Document.表单标签的NameDocument.forms[“表单标签的name”]；26、表单对象包含了它内部表单元素的集合属性，这个属性是什么？是用于什么的？答：elements[]集合；用于访问表单元素的，27、表单元素有哪几种访问方式？答：1、对于有ID属性的表单元素，通过Document.getElementById2、对于有Name属性的表单元素，可以通过Document.getElementByName3、首先可以先访问表单元素所属的表单对象后，通过elements[]集合访问28、可以使用对象的什么方法可以绑定事件和事件处理程序？并说出语法AttachEvent();1、对象.AttachEvent(“事件名”，事件处理程序)【针对IE】2、对象.addEventListener(“事件名”，事件处理程序，false);29、图片切换的原理改变图片的路径，30、浮动广告图片的原理根据可视区域来判断广告图片浮动的范围和边界。
JavaScript+jQuery前端开发基础教程(第2版)(微课版)第4章
2．设置JavaScript对象属性注册事件处理程序
将函数设置为事件目标对象的事件属性值，也可完成事件处理程序的 注册。
3．使用addEventListener()方法注册事件处理程序
不管是通过设置属性，还是通过调用addEventListener()方法注册的事 件处理程序，在处理程序中调用preventDefault()方法均可阻止事件默认 动作。
在事件处理程序中，也可通过将event.returnValue属性设置为false来阻 止事件默认动作。
4.2.4 阻止事件传播
beforeunload和unload事件处理过程会屏蔽所有用户交互，window.open、alert、 confirm等都无效，不能阻止unload事件。一般在unload事件处理程序中执行一些必要 的清理操作，事实上只有极少的这种需求。
4.2.6 鼠标事件
鼠标事件对象除了拥有事件对象的主要属性外，还有下列常用属性。
stopPropagation()方法：调用该方法可阻止事件传播过程，事件传播路径中的后继节点不 会再接收到该事件。
3．事件处理程序的返回值
事件处理程序的返回值具有特殊意义。 通常，事件处理程序返回false时，会阻止浏览器执行这个 事件的默认动作。 例如，表单的submit事件处理程序返回false时，会阻止提 交表单；单击链接<a>时，会跳转到链接的URL，若在其 click事件处理程序中返回false，则会阻止跳转。
cancelable属性：逻辑值，表示是否能用preventDefault()方法取消对象的默认动作。
什么是 JavaScript
什么是JavaScript？JavaScript是一种高级的、解释型的编程语言，主要用于在网页上实现交互和动态效果。
它是网页开发中最常用的脚本语言之一，也被广泛应用于服务器端开发、移动应用开发和桌面应用开发。
以下是JavaScript的一些关键概念和特点：1. 脚本语言：JavaScript是一种脚本语言，意味着它不需要编译，可以直接在运行时执行。
在网页上，JavaScript通常通过嵌入在HTML文档中的<script>标签来引入和执行。
2. 动态性：JavaScript是一种动态语言，它允许开发人员在运行时修改和操作代码。
这使得JavaScript非常灵活，可以根据不同的条件和事件来改变网页的行为和外观。
3. 客户端脚本语言：JavaScript主要用于客户端脚本编程，即在用户的浏览器上执行。
它与HTML和CSS配合使用，可以实现网页的动态交互、表单验证、动画效果等功能。
4. 强大的DOM操作：JavaScript可以通过DOM（文档对象模型）来访问和操作网页的元素和内容。
开发人员可以使用JavaScript来创建、修改、删除网页上的元素，实现动态的页面更新和交互效果。
5. 事件驱动编程：JavaScript支持事件驱动编程模型，可以响应用户的操作和其他事件。
开发人员可以通过监听和处理事件来实现交互逻辑，例如点击按钮、鼠标移动等。
6. 对象导向编程：JavaScript是一种面向对象的编程语言，它支持对象、类、继承等概念。
开发人员可以使用JavaScript创建对象，定义属性和方法，并通过继承和多态等机制来组织和管理代码。
7. 平台无关性：JavaScript在不同的操作系统和浏览器上都可以运行，具有很好的平台无关性。
这使得开发人员可以编写一次代码，然后在多个平台上运行，减少了开发和维护的工作量。
8. 第三方库和框架：JavaScript拥有丰富的第三方库和框架，可以快速构建复杂的应用程序。
js的submit()方法
js的submit()方法JavaScript中，submit()方法是用于提交表单的方法。
当调用表单的submit()方法时，表单会被提交到指定的URL，并且页面会被重新加载或跳转到该URL。
form.submit();其中，form是一个表单的DOM对象。
调用submit()方法后，表单将被自动提交，不需要触发submit按钮或任何其他事件。
submit()方法可以用于实现多种功能，例如：1.表单验证和提交当用户填写并提交表单时，可以在提交前利用JavaScript对表单进行验证。
如果表单数据不符合要求，可以提示用户错误信息，并阻止表单的自动提交。
在表单数据符合要求时，可以调用submit()方法将表单数据提交到服务器。
以下是一个表单验证和提交的示例代码：在上面的示例中，当用户点击提交按钮时，会依次执行以下步骤：1. 浏览器触发表单的submit事件，调用validateForm()函数进行表单验证；2. 如果表单验证失败，validateForm()函数返回false，阻止表单的自动提交；3. 如果表单验证成功，validateForm()函数返回true，允许表单的自动提交；4. 表单提交到服务器，并刷新或跳转到服务器返回的页面。
2. AJAX提交表单除了常规的表单提交方式外，还可以使用JavaScript实现异步提交表单。
这种方式成为AJAX提交表单。
1. 使用JavaScript获取表单数据；2. 使用XMLHttpRequest对象向服务器发送表单数据；3. 在服务器接收和处理表单数据，并返回处理结果；4. 在JavaScript中处理服务器返回的数据，更新页面或显示提示信息。
<script>function submitForm(event) {event.preventDefault(); // 阻止表单的自动提交var form = document.forms[0];var xhr = new XMLHttpRequest();xhr.open(form.method, form.action);xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");xhr.onreadystatechange = function() {if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) { // 处理服务器返回的数据var response = JSON.parse(xhr.responseText);if (response.success) {alert("提交成功");} else {alert("提交失败：" + response.message);}}};xhr.send(new FormData(form)); // 发送表单数据}</script>在submit()方法使用过程中，需要注意以下几点：1. 必须确保所提交的表单在当前页面中存在；2. 必须确保表单的action属性指定了正确的URL；3. 如果表单的method属性为“post”，则必须设置Content-Type头部为“application/x-www-form-urlencoded”或“multipar t/form-data”；4. 应该避免使用submit()方法过于频繁，以免对服务器造成不必要的压力；5. 应该对表单的数据进行验证和格式化处理，以免向服务器提交无效或不安全的数据。
JavaScript教案
JavaScript教案一、教案概述本教案旨在为初学者提供一套系统的JavaScript学习教材，匡助学习者掌握JavaScript基础知识和编程技巧。
通过本教案的学习，学员将能够理解JavaScript的基本概念、语法结构和常用操作，并能够运用JavaScript开辟简单的交互式网页。
二、教学目标1. 理解JavaScript的作用和优势；2. 掌握JavaScript的基本语法和常用操作；3. 能够运用JavaScript实现简单的页面交互效果；4. 培养学员的编程思维和解决问题的能力。
三、教学内容1. JavaScript简介1.1 JavaScript的定义和作用1.2 JavaScript与其他前端技术的关系1.3 JavaScript的优势和应用领域2. JavaScript基础语法2.1 变量和数据类型2.1.1 声明变量2.1.2 数据类型的分类和转换2.2 运算符和表达式2.2.1 算术运算符2.2.2 比较运算符2.2.3 逻辑运算符2.3 条件语句和循环语句2.3.1 if语句2.3.2 switch语句2.3.3 for循环和while循环 2.4 函数和对象2.4.1 函数的定义和调用2.4.2 对象的创建和属性访问3. JavaScript DOM操作3.1 DOM简介3.2 DOM元素的获取和操作3.2.1 通过ID获取元素3.2.2 通过标签名获取元素 3.2.3 通过类名获取元素3.3 DOM事件处理3.3.1 事件的绑定和触发3.3.2 常见事件类型和事件处理函数4. JavaScript实践4.1 表单验证4.1.1 检查输入是否为空4.1.2 检查输入是否符合要求4.2 图片轮播效果4.2.1 切换图片显示4.2.2 自动播放和手动控制4.3 动态加载数据4.3.1 通过AJAX获取数据4.3.2 动态更新页面内容四、教学方法1. 授课讲解：通过讲解理论知识、示范代码和实例演示，向学员介绍JavaScript的基本概念和语法结构。
js中form的用法
js中form的用法一、什么是HTML表单？HTML表单（Form）是一种用于在网页中收集用户输入信息并将其发送到服务器的机制。
它是构建交互式网页的关键组成部分之一。
通过表单，我们可以向用户展示各种输入字段和选项，并根据用户的填写内容进行相应的处理。
二、表单的基本结构在使用JavaScript操作表单之前，先了解下HTML表单的基本结构。
一个简单的表单通常由以下几个重要元素组成：1. 表单标签（form）：用来包裹整个表单内容，并指定提交数据时所调用的服务器端脚本或URL。
2. 输入字段元素：包括文本框、密码框、下拉选择框、复选框等，用来接收用户输入或选择。
3. 提交按钮（submit）：当用户填写完毕后，点击此按钮将触发提交表单数据到服务器端。
三、访问和修改表单元素的值使用JavaScript操作表单元素可以获取到用户填写或选择的值，并根据实际需求进行相应处理。
1. 获取元素对象：通过JavaScript可以通过ID、标签名等方式获取到对应的HTML元素对象，在这里我们需要获取具体某个输入字段对象。
例如：```javascriptvar inputElement = document.getElementById('inputId'); // 通过id获取输入字段对象```2. 获取值属性：通过获取元素对象后，可以使用.value属性来访问到元素的值。
例如：```javascriptvar inputValue = inputElement.value; // 获取输入字段的值```3. 修改值属性：同样，我们也可以修改元素对象的值。
例如：```javascriptinputElement.value = '新的值'; // 修改输入字段的值为'新的值'```四、表单校验与提交处理在实际应用中，表单校验是保证用户输入符合要求并确保数据安全性的重要一环。
js基础知识点
js基础知识点js基础知识点1、javascript概述JavaScript是一种弱类型，以对象为基础，定义的脚本语言，它可以给网页添加各种动态特性，JavaScript不需要编译就能运行，有丰富的内置函数和对象，可以在Web中读写数据，用于在Web中编写客户端脚本。
2、javascript应用JavaScript可以用在各种浏览器上，可以实现网页中的事件处理、表单处理、客户端检验、图形界面效果等。
通常JavaScript使用的目的是增强用户体验，提高网页的交互性和可用性3、javascript变量JavaScript变量有全局变量和局部变量。
它们的区别在于：1）全局变量在JavaScript脚本的所有部分都可以访问，而局部变量只能在声明它的函数内部访问。
2）局部变量只在函数内部有效，函数外部无法访问，而全局变量在函数内部外部都可以访问。
3）全局变量在整个网页的所有脚本都可以访问，只要这个网页被打开就可以，而局部变量只能在它声明的函数或语句块内访问。
4、javascript数据类型JavaScript支持6种数据类型：Undefined、Null、Boolean、Number、String 和Object。
Undefined 表示未定义，它的值是undefined。
Null 表示空值，它的值是null。
Boolean 表示布尔值，它的值是true或false。
Number表示数字，它的值是整数或小数String 表示字符串，它的值是由一系列字符组成的文本Object 表示对象，它的值是一组数据和功能的集合5、javascript函数JavaScript函数可以看作是一段可以重复使用的代码，它由一系列语句组成，用于完成特定的任务。
函数有四个特点：1）可以重复使用2）可以接收参数3）可以返回值4）可以封装函数的声明和调用函数可以使用function来声明：function functionName (parameters) {// code to be executed}函数使用functionName()来调用：functionName(parameters);函数默认有返回值，如果使用return语句来返回值，则忽略默认值，否则，函数返回值为undefined。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
elements[0]对象
elements[1]对象
elements[n]对象
1. 文档对象模型DOM之表单对象
或，document.formName.element[0] 或，document.formName.elementName
<body> <form method="post" action="target.html" name="formName"> <input type="text" name="textName"> <select name="SelectName"> <option value="1">First Choice</option> <option value="2">Second Choice</option> </select> <br /> <input type="submit" value="提交" name="buttonName"> </form> </body>/
或，document.getElementById("id名") 或，document.formName.elements[id名]
1. 文档对象模型DOM之表单对象
1.3 表单对象的基本属性 – value：用于读取和设置域中的信息
例子一：获取用户的输入信息
<form name="myForm"> <input type="text" name="myText"> </form> <a href="#" onclick="alert(document.myForm.myText.value);">Check Text Field</a>
表 单
1. 文档对象模型DOM之表单对象
1.2 JavaScript访问表单对象 forms数组
访问表单对象中特定的元素(域)， 例如：document.forms[0].elements[0]
Window对象 document对象
index=0
forms[0]对象
forms[1]对象
forms[n]对象用分号分隔 的多个语句 Nhomakorabea函数
2. 事件和事件处理
– HTML元素常用事件
事件名称 onclick onfocus onblur onchange onload onmousemove onmousedown 触发时机 鼠标点击 得到输入焦点 失去输入焦点 文本域内容改变 文档加载完毕 鼠标移动 鼠标键被按下
onmouseover
onselect onsubmit
鼠标移至元素上
选中某个表单元素 请求提交表单
2. 事件和事件处理
例子三：关闭网页时显示“再见”
<html> <body onunload="alert('再见！');"> Hello World! </body> </html>
不同浏览器对事件的支持 与触发条件实现有差异
检测文本域的改变：
<input type="text" name="myText" onchange="window.alert(this.value);">
– checked：对象是否被选中 – length：同组包含对象或列表项的个数
选择类型对象
1. 文档对象模型DOM之表单对象
1.4 表单对象的基本方法 – focus()：使控件得到键盘输入焦点
例子二：验证用户输入
<script type="text/javascript"> function checkForm(formObj){ for(var i=0; i < formObj.length;i++){ if(formObj.elements[i].value == ""){ alert("必须填写全部信息"); 表单部分 formObj.elements[i].focus(); break; <form name="myForm"> } … } <input type="button" value="submit" } onclick="checkForm(myForm);"> </script> </form>
例子四：根据鼠标动作，动态显示图片
<html> <body> <img src="angry.gif" name="myImage" onMouseOver="document.myImage.src='happy.gif';" onMouseOut="document.myImage.src='angry.gif';"> </body> </html>
浏览器程序设计
教师：苏祺 sukiapku@
上周内容回顾
• JavaScript内建对象 – 日期Date – 数组Array • 浏览器对象模型(BOM) – 一组对象的集合，一个具有层次的对象结构 – 文档对象模型(DOM) – 通过DOM访问文档元素
– image数组对象
– links数组对象
本次课的主要内容
表单对象
事件和事件处理
1. 文档对象模型DOM之表单对象
1.1 HTML中的表单——回顾
<body> <form method="post" action="target.html"> 文本框 <input type="text"> <select> <option value="1">First Choice</option> 下拉菜单 <option value="2">Second Choice</option> </select> <br /> <input type="submit" value="提交"> 提交按钮 </form> </body>
函数部分
2. 事件和事件处理
2.1 事件和事件处理程序 – 事件(Event)
– 设备相关事件：鼠标或键盘的动作 – 设备无关事件 事件句柄
– 只有触发事件才执行的程序称为事件处理程序(Event Handler)
<HTML标签 事件属性="事件处理程序">
<input type="button" value="Press Me" onclick="alert('thanks');"> 要特别注意引号的使用 <input type="button" value="Press Me" onclick="return myFunction();">