找点JavaScript的东西看看,呵呵,其实这个家伙,玉飞龙在8年前上大学一年级的时候就用到了,可惜,一直学得不精通,一知半解,还有好多重要的技巧不会用,惭愧,从现在开始,JavaScript也将成为玉飞龙研究学习的一个东东,争取把它吃透。
JavaScript语言概况
一、什么是JavaScript
JavaScript是一种基于对象(Object Based)和事件驱动(Event Driver)并具有安全性能的脚本语言。
两个重要特征:基于对象(Object Based)和事件驱动(Event Driver)
基于对象和面向对象
Java是一种真正的面向对象的语言,即使是开发简单的程序,也必须设计对象。
JavaScript是一种基于对象的脚本语言语言,这意味着它能运用自己已经创建的对象。它可以用来制作与网络无关的,与用户交互作用的复杂软件;因而它本身提供了非常丰富的内部对象供设计人员使用。因此,许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。
事件驱动(Event Driver)
所谓事件驱动,就是指在主页(Home Page)中执行了某种操作所产生的动作,就称为
“
事件
”
(Event)。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后,可能会引起相应的事件响应。
二、JavaScript的其它特点
简单性
JavaScript的简单性主要体现在:首先它是一种基于Java基本语句和控制流之上的简单而紧凑的设计, 从而对于学习Java是一种非常好的过渡。其次它的变量类型是采用弱类型,并未使用严格的数据类型。
安全性
JavaScript是一种安全性语言,它不允许访问本地的硬盘,并不能将数据存入到服务器上,不允许对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。
动态性
JavaScript是动态的,它可以直接对用户或客户输入做出响应,无须经过Web服务程序。它对用户的反映响应,是采用以事件驱动的方式进行的。
跨平台性
JavaScript是依赖于浏览器本身,与操作环境无关,只要能运行浏览器的计算机,并支持JavaScript的浏览器就可正确执行。从而实现了
“
编写一次,走遍天下
”
的梦想。
JavaScript的书写规范
一、JavaScript的书写规范
JavaScript的脚本包括在HTML中,它成为HTML文档的一部分。
<HTML>
<Head>
<Script Language ="JavaScript">
document.write("这是赛迪网互动学校");
document.close();
</Script>
</Head>
</HTML>
两种书写规范:
第一种:将JavaScript标识放置在<Head>...</Head>头部之间,使该部分JavaScript代码在主页其余部分代码装载之前先行被装载,从而可使代码的功能更强大;
第二种:将JavaScript标识放置在<Body>...</Body>主体之间以实现某些部分动态的创建文档。
JavaScript基本语法
一、JavaScript的基本数据类型
在JavaScript中有4种基本数据类型和1种控制字符:
1>数值(整数和实数)
2>字符串型(用
“”
号或
‘’
括起来的字符或数值)
注意:不能使用中文输入法状态下的单双引号
3>布尔型(使用True或False表示);
注意:与C++不同,表示正反两种状态C++可以用0、1表示,而在JavaScript中,只能使用True或False表示
4>空值(NULL)
试图引用没有定义的变量,则返回一个Null值
5>特殊控制字符(/)
同C语言一样,JavaScript中同样有些以反斜杠(/)开头的不可显示的特殊字符。通常称为控制字符。
二、JavaScript的变量
定义变量使用var关键字:
var mytest;
该例子定义了一个mytest变量,但没有赋予它值。
var mytest="This is a book"
该例子定义了一个mytest变量, 同时赋予了它值。
在JavaScript中,变量以可以不作声明,而在使用时再根据数据的类型来确其变量的类型。但不建议这样做。
三、JavaScript的表达式和运算符
JavaScript的表达式和运算符与C++相同
四、程序控制流
JavaScript的程序控制流与C++相同
五、函数
JavaScript中函数的作用有两个:
1>将代码分段,以便完成独立的功能
2>可作为事件驱动的结果而调用的程序
JavaScript函数定义
Function 函数名 (参数,变元)
{
函数体;
Return 表达式;
}
JavaScript的事件驱动及事件处理
一、JavaScript的事件驱动及事件处理
JavaScript是基于对象(Object-Based)的语言。这与Java不同,Java是面向对象的语言。而基于对象的基本特征,就是采用事件驱动(Event-Driver)。
通常鼠标或热键的动作我们称之为事件(Event):
由鼠标或热键引发的一连串程序的动作,称之为事件驱动(Event Driver)
对事件进行处理的程序或函数,我们称之为事件处理程序(Event Handler)
二、JavaScript的事件处理程序
在JavaScript中对象事件的处理通常由函数(Function)担任。其基本格式与函数全部一样,可以将前面所介绍的所有函数作为事件处理程序。
格式如下:
Function 事件处理名 (参数)
{
事件处理语句集;
……
}
三、事件驱动
JavaScript事件驱动中的事件是通过鼠标或热键的动作引发的。它主要有以下几个事件:
(1)onClick单击事件
1>在onClick等号后,可以使用自己编写的函数作为事件处理程序,例如:
<HTML>
<Head>
<Script Language
="JavaScript"
>
document.write("这是一个演示程序");
document.close();
function change()
{
ID_Form1.ID_Show1.value = "事件被触发并且执行后的结果";
}
</Script>
</Head>
<BODY>
<Form name=
"ID_Form1"
>
<Input name=
"ID_Show1"
type=
"text"
size=
"100"
value=
"这是一个事件驱动程序演示,点击Button按钮,触发onClick事件,执行相关事件处理函数"
>
<br>
<Input type="button" value="这是一个事件驱动程序演示" onClick="change()">
</Form>
</BODY>
</HTML>
2>也可以使用JavaScript中内部的函数,例如:
<Input type=
"button"
value=
"这是一个事件驱动程序演示"
onClick=
alert("这是一个例子")
>
上面的alert就是一个JavaScript内部定义的函数,用来弹出一个警告
3>还可以直接使用JavaScript的代码,例如:
<Input type=
"button"
value=
"这是一个事件驱动程序演示"
onClick=
"(ID_Form1.ID_Show1.value = '事件被触发并且执行后的结果')"
>
(2)onChange改变事件
1>当利用text元素输入字符值改变时发该事件
2>当利用texturea元素输入字符值改变时发该事件
3>当在select表格项中一个选项状态改变后也会引发该事件。
(3)onSelect选中事件
1>当利用text对象中的文字被加亮后,引发该事件。
2>当利用texturea对象中的文字被加亮后,引发该事件。
(4)onFocus获得焦点事件
1>当单击text对象时发该事件
2>当单击texturea对象时发该事件
3>当单击select对象时发该事件
(5)onBlur失去焦点
1>当text对象不再拥有焦点时发该事件
2>当texturea对象不再拥有焦点时发该事件
3>当select对象不再拥有焦点时发该事件
(6)onLoad载入文件(在body标记中出现)
当文档载入时,产生该事件。onLoad事件的一个作用就是在首次载入一个文档时检测cookie的值,并用一个变量为其赋值,使它可以被源代码使用。
(7)onUnload卸载文件(在body标记中出现)
当Web页面退出时引发onUnload事件,并可更新Cookie的状态。
<本章完>