JavaScript学习笔记(1)

Amazing,在Ajax技术被炒作地神乎其神的今天,似乎又看到了更加流行的趋势,JavaScript,一种基于对象的客户端脚本语言,能用非常简单的方式实现很多网页特效。

1.在HTML中添加JavaScript代码
head或者body标签里,大部分代码一般在head,函数调用在body里。
<SCRIPT language="JavaScript[1.2|1.3]">
JavaScript code here.
</SCRIPT>

2.调用外部脚本文件
<SCRIPT language="JavaScript[version]" src="yourfile.js"></SCRIPT>

3.用脚本输出网页
document.write("Whatever in HTML, i.e. <br>,<b>,</b>"+variable);

4.注释
单行://comment here
多行:/*comment here*/

5.变量定义和赋值
var var_name=var_value;
没有数型之分,可修改,字符串用"string"或者’string’,正则表达式用/string/。
转义符:,退格:,换页:f,换行:
,回车:
,制表: ,bool:true|false,空:null。

6.函数构造和使用
构造:function func_name(para1,para2,...)
{func_body;
return ret_value;}
调用:var var3=function func_name(var1,var2);
JavaScript严格区分大小写,变量有作用域,函数体内重新声明可避免修改全局变量。

7.运算符和程序控制语句
和C几乎完全一样。

8.事件句柄
JavaScript预定义关键字,用来处理网页上事件的激发,即是对某个动作的反应,如:鼠标点击,滑过,获得焦点等。
使用举例:<FORM><INPUT type="button" onClick="window.alert(’Hi!’);">Click Here.</FORM>
点击按钮可弹出一个窗口,内容为:Hi!。
常用句柄:
onClick,onMouseOver,onMouseOut,onLoad,onUnload,onFocus,onBlur,onChange,onSubmit,onAbort,onError,onDragDrop,onKeyDown,onKeyPress,onKeyup,onMouseDown,onMouseUp,onMouseMove,onReset,onResize,onSelect.

9.对象知识
建立对象(用构造函数):
function class_name(para1,para2,...)
{properties go here
this.property1=para1;
this.property2=para2;
methods go here
this.method1=normal_func_in_thispage_without_bracket;}
对象实例化:var instance_of_class=new class_name(var1,var2);
建立对象(对象初始化):
instance_of_class={property1:var1,property2:var2,...} //比较适用于建立数量较少实例的对象。

10.预定义的JavaScript对象
Navigator对象:访问客户端浏览器属性,使用方法:
属性:navigator.property,property主要有:
appCodeName,appName,appVersion,language,mimeTypes,platform,plugins,userAgent。
方法:navigator.method(),method()主要有:
javaEnabled(),plugins.refresh(),preference(),savePreferences()。

Copyright © 2005-2006 Solrex Yang. All rights reserved.

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注