黑马程序员 C#基础_javascript元素

最新推荐文章于 2024-03-02 14:17:35 发布

张俊洪

最新推荐文章于 2024-03-02 14:17:35 发布

阅读量536

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/ZuoZuoHen/article/details/9269121

版权

javascript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

------- Windows Phone 7手机开发、.Net培训、期待与您交流！ -------

javascript的各种元素：

javascript具有事件与事件处理句柄、变量与常量、表达式与运算符、函数、数组对象等各种元素，以及条件、循环、对象等控制语句。就因为有了这些分别完成各种不同任务的元素，才促使javascript成为功能强大的脚步语言。在这里仅就javascript与java不同的地方予以简单介绍。

1、事件处理句柄

归脚步要做的事情，简单地说，就是拦截和处理事件。拦截指的是用户对浏览器的响应，处理事件指的是用户的响应如何触发其他事件和函数。JavaScript每遇到一个事件，就把它传给事件处理句柄。事件处理句柄是指明要执行特定程序的标记。

现将JavaScript是事件和事件处理句柄列举如下：

事件	事件处理句柄	将触发的事件
Load	OnLoad	页面被装入
Unload	OnUnLoad	离开页面
mouseover	OnMouseover	鼠标经过
Change	OnChange	用户改变了表单文本、文本区域选择对象的值
Select	OnSelect	用户选中了复选框或单选框
Submit	OnSubmit	用户提交了一份表单(按下submit按键)
Focus	OnFocus	当前焦点位于该元素
Click	OnClick	用户单击页面某元素
Blur	OnBlur	元素失去了焦点

事件处理句柄可以放在javascript脚边的任何位置，单一般把他们放在HTML表单(Form)中，或置于超级链接之后。javascript不仅能用HTML表单向服务器送回数据，还能利用表单元素（如文本框）向javascript脚本发送信息，或多表单进行预处理。

一般情况下，使用事件处理句柄的语法格式如下：

<HTTML标记 eventHandler="JavaScript代码">

其中：Tag可以为标记<A>,也可以为窗体<Form>等。

eventHandler可以是任何事件处理句柄，如OnClick。

JavaScript代码为任何合法的JavaScript代码一般为文档中已定义的函数。

2、函数（Function）

Javascript函数是大多数脚步的核心，与java类（Class）同样重要，函数既能以其名字被调用，称为脚步语句序列，也可以作为控制语句的条件。函数实质上是一段可重复使用的代码，用来实现某种功能，通过函数名并传递参数（可选）就能使用该段代码。javascript有内置函数可供使用，也允许用户自定义函数。使用一个个函数来抽象各个任务，就能完成复杂的工作，而且便于维护便于代码修改便于阅读等工作。

3、对象（object）

Javascript预装了许多有用的对象，对象是一种组织数据的方法以及数据相关的操作。如同java有类（Class）和方法（method），javascript有象（Object）和函数（Function）。访问数据时，必须指定包含该数据的最顶层对象的名字以及与之相关的所有后随的对象。

javascript

javascript对象有Wndow、Doncument、From、navigator、string、math和date等。

javascript对象以属性和方法的形式存放数据，且使用圆点指示符实现对对象和方法的访问。比如要引用document对象的write方法，格式为：Document。Write“123“。

javascript使用关键字var声明变量，但不允许显式地改变变量的类型。变量的名称不仅是唯一的，且对大小写敏感。javascript支持两种注释：逐行注释（//)和多行注释（/*.......*/),且单行注释符号必须放在HTML注释结束符号的前面.

下面列举一个javascript脚本例子说明自定义函数以及标记中嵌套脚本方法

<html>
<head>
<script language="JavaScript">
<!--
//声明第一个函数，用来检测用户是否输入姓名
function test1 (form)//form是传递过来的参数
{
   if(form.text1.value=="")//如果用户没有输入数据
   {
    alert("你没有输入任何数据，请重新输入！");
   }
   else
   {  
    alert("Hello"+form.text1.value+"输入完成！");//有输入
   }
}
//声明第二个函数，用来检测用户输入的电子邮件是否是有效的正确的
function test2(form)
{
    if(form.text2.value=="",form.text2.value.indexOf('@',0)==-1)//检测用户输入是否含有@
    {
        alert("这不是正确的e-mail地址，请重新输入！");
    }
    else
    {
        alert("输入正确！");
    }
}
 -->
</Script>
</head>
<body>
<form name="first">
请输入你的姓名：<br>
<input type="text" name="text1">
<input type="button" name="button1"value="输入测试" onClick="test1(this.form)"><p>
请输入你的邮件地址：<br>
<input type="text" name="text2">

<input type="button" name="button2"value="输入测试"onClick="test2(this.form)">
</table>
</body>
</html>

张俊洪

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
黑马程序员 C#基础_javascript元素

------- Windows Phone 7手机开发、.Net培训、期待与您交流！ -------javascript的各种元素：javascript具有事件与事件处理句柄、变量与常量、表达式与运算符、函数、数组对象等各种元素，以及条件、循环、对象等控制语句。就因为有了这些分别完成各种不同任务的元素，才促使javascript成为功能强大的脚步语言。在这里仅就javascript与jav
复制链接

扫一扫

专栏目录