JavaScript 入门讲解教程

jiujiubuzui

浏览: 73313 次
性别:
来自: 杭州

最近访客更多访客>>

fuck

stanvl

绝世奇才

zhouzyue

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

其他技术

JavaScript 是目前公认的客户端脚本最强语言，其在客户端的处理能力也使服务器大大的减轻了负担，
其应用的也十分广泛，可以说目前每个网站都或多或少的运用JavaScript ，目前流行的Ajax技术也是
以JavaScript为基础的，本简单教程适合初学都观看，您可以在此对JavaScript进行初步的了解。

本简明教程主要从以下几个方面来简单讲述一下JavaScript
一、JavaScript特征
二、如何使用JavaScript
二、JavaScript语法
三、JavaScript对象
四、JavaScript事件
五、练习

JavaScript----特征
JavaScript是事件驱动的
JavaScript是平台独立的
JavaScript不涉及耗时的编译
JavaScript没有复杂的语法和规则集合
JavaScript是基于对象而不是面向对象的
JavaScript支持诸如：switch..case、If…else、while 、 for、 do while等之类的构造
JavaScript区分大小写
JavaScript使用分号组合语句;

JavaScript和Java
JavaScript 是解释性语言, 而 Java 代码是
在执行前先被编译。
JavaScript 被集成在 HTML, 而 Java 应
用不与 HTML集成
JavaScript 多数用于客户端的活动,很少应用在服务端
JavaScript 有限的对象、方法、属性和数据类型是不可扩展的。这与Java 的类和方法是不同的。
JavaScript 程序在 HTML 文档中运行
JavaScript 语句放在
<SCRIPT>
…………
</SCRIPT>
语句标签对内部
JavaScript 代码可以放在HTML文档中的 <HEAD> 或: <BODY> 节内。
</SCRIPT>
</HEAD>
<BODY>
文本页
<SCRIPT>
<!- JavaScript代码也可放在这里 - >
</SCRIPT>
文本页也可放这
</BODY>
</HTML>

JavaScript使用-----引用源文件
可以一个外部文件包括脚本
假如：
代码比较复杂
计划经常修改该代码
计划在多个页面中使用使用相同的代码
这是有用的
文件的扩展名为 .js
<HTML>
<HEAD> <TITLE> 页标题 </TITLE>
<SCRIPT language=“JavaScript”>
<!--- JavaScript 代码 -- >
</SCRIPT>
</HEAD>
<BODY>
文本页
<SCRIPT>
<!- JavaScript代码也可放在这里 - >
</SCRIPT>
文本页也可放这
</BODY>
</HTML>

JavaScript语法---声明变量
JavaScript是一种弱类型脚本语言
1.变量是区分大小写的。如“abc”与“ABC”是不一样的
2.变量的数据类型是不严格的，可以有数字、字符串、布尔变量（true、false)，是由javascript解释器自动地确定存储在变量中数据类型。
3.声明变量通过关键字var,如下：
var var1,var2;
可把值在声明时赋给它，如：
var var=10;
var var2=“hello”;
var var3=true;
变量的长度可由length函数获得，如：
var len=var2.length;
1.局部变量
变量可在声明它的函数中被访问，
2.全局变量
变量在函数体以外被声明，则可以在整个页面被访问到。

JavaScript语法----选择流程
If语句，语法 if(condstmt)
{
statement
}
Else if(condstmt2)
{
Else if statement
}
Else
{
elsestatement
}
For语句
For(初始化；条件；更新）
{
statement
}

JavaScript语法----控制语句
break语句
结束当前的while,for 以及do while 循环的执行，并把程序的控制交给下一条语句。
continue语句
结束当前while,for以及do while循环，并开始下一轮循环

JavaScript语法----函数编写
<script >声明
function fname（var1,var2…)
{
return value;
}
….
</script>
调用：
<script >
fname
</script>
alert(“string1”)

数组对象
创建方法
new Array() new Array(size) new Array(element0, element1, ..., elementn)
使用技巧
var my_array = new Array(); for (i = 0; i < 10; i++) { my_array[i] = i; } x = my_array[4];
方法
array1.concat(array2) 返回一个新数组，这个新数组是由两个数组组合而成的。 arrayobj.join(separator)
返回一个 String 对象，这个字符串对象是由整个数组的所有元素连接在一起而形成的。 arrayobj.reverse( ) 返回一个元素顺序被反转的 Array 对象 toString()
返回对象的字符串表示
属性
numVar = arrayObj.length
返回一个整数值，这个整数比数组中所定义的最高位元素的下标大 1。

Date对象
构造方法
var newDateObj = new Date() var newDateObj = new Date(dateVal) var newDateObj = new Date(year, month, date[, hours[, minutes[, seconds[,ms]]]])
方法
getDate方法
getDay方法
getYear方法
getMonth

Math对象
描述
是一个固有对象，提供基本数学函数和常数 abs方法 acos、 asin、atan、atan2、 cos、 exp、
floor 返回小于等于其数字参数的最大整数
max、 min
random方法，返回介于 0 和 1 之间的伪随机数。
round方法
sin
sort方法
tan方法
属性
numVar = Math.PI

String对象
字符串对象的声明
Var t=“hello”;
Var t=new String(“hello”);
方法:
anchor (anchorstring ) 在对象中的指定文本两端放置一个有 NAME 属性的 HTML 锚点。
bold方法把 HTML <B> 标记放置在 String 对象中的文本两端。
方法（续）
charAt(index)返回指定索引位置处的字符。 concat(String)返回一个 String 对象，该对象包含了两个提供的字符串的连接 indexOf(substr)返回 String 对象内第一次出现子字符串的字符位置。 lastIndexOf(substr) replace(rgExp, replaceText )返回根据正则表达式进行文字替换后的字符串的复制。 split(delimchar)将一个字符串分割为子字符串，然后将结果作为字符串数组返回。 substr(start,length)返回一个从指定位置开始的指定长度的子字符串。 substring(start,end)返回位于 String 对象中指定位置的子字符串。 toLowerCase() toUpperCase()

Window对象
是JavaScript的最高层对象，下有location对象、history对象、document对象和frame对象
Window对象相关属性
defaultStatus 包含缺省的状态拦文本的串值
Frames 记录窗口中框架个数的数组对象,有此定位框架
Length 表示父窗口框架个数
Name 包含的名称
Parent 包含父窗口的名称
Self 包含当前的窗口名，另一方法使用上边描述的名
Status 表示状态栏文本信息
Top 包含顶层的窗口名
Window 选用自身或名
Window对象相关方法
Alter(messageText) 以 messageText为消息，上托window
Close() 关闭当前窗口。 window.close()在
JavaScript中被识别
Confirm 上托带显示messageText的消息框，
(messageText) 有OK和CANCEL按钮
Open(url,name, 打开url 提供的新窗口，带有此窗口目标
featureList) 名，特征表指出如出现工具栏、状态
栏、菜单栏、滚动条等特征。
Prompt (messageText 请求用在对话框的文本域输入
,response)
setTimeout 以毫秒指定时间间隔，间隔完后执行表达式
(expression,time)
clearTimeout(timerID) 清除由timerID指定的时间间隔
是从属于 window 的对象
为处理当前文档资料提供了若干属性，诸如:
location
Lastmodified
为处理当前文档资料提供了若干属性，诸如：
Open()
Close()

Document对象方法
Clear() 清除document窗口
Close() 关闭write流
Open() 打开此文档，检索write()流中的
数据
Write (content) 把指定的内容写到该文档
Writeln() 向文档写入一行数据，后跟一个回车
对象.value

事件
事件是为动作响应时出现的通知。
此通知的处理代码称为事件处理程序。
在javascript中可以为指定对象的各种事件设置相对应的事件处理程序。
如
按钮的onclick, ,onmouseover ,onmouseout Select 的onchange, onclick
Image 的onerror
等

设置事件方法
设置事件的方法，在指定对象的代码中加入类似属性
<….. onclick=“func1()” ….></>
事件与描述
事件描述
Click 当用户在表单元素上或连接上点击时产生
Change 当用户改变表单字段值时产生
Focus 当用户对元素输入时产生
Load 当页面被装入到浏览器时产生
MouseOver 当在区域或连接对象上移动鼠标指针时产生
MouseOut 当鼠标指针离开区域或连接对象时产生
Select 当用户选取表单字段时产生
Blur 当输入字段失去聚焦时产生

对象及对应事件
对象事件处理程序
Button onClick
Reset onClick
Submit onClick
Radio onClick
Checkbox onClick
Link onClick, onMouseOver , onMouseOut
Form onSubmit, onReset
Text onChange, onFocus, onBlur, onSelect
Textarea onChange, onFocus, onBlur, onSelect
Select onChange, onFocus, onBlur
Image onAbort, onError
Area onClick, onMouseOver , onMouseOut
Window onLoad, onUnLoad, onError

分享到：

just do it | Javascript中最常用的55个经典技巧

2007-09-15 19:25
浏览 466
评论(0)
分类:编程语言
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论