javascript简单教程

javascript 教程

你看李站的 《悟透javascript》 里边是卡通形式的，但是特别的好，能够教会你对象字面量，面向对象，还有写代码时候的技巧（还有ajax哦）。最后还有一个完整的教你怎么做五子棋的程序。

里边用的东西我觉得很形象，很适合学习的。

然后还有一本是 《javascript精粹》这个主要讲的是js里边的技巧。建议看完上一本后看这个。

《javascript权威指南》 是一本讲里边方法的书，如果你不了解js里边的哪些方法的话，可以看这个。

《javascript程序设计》我觉得是一本特牛的，里边讲了面向对象里所有的名词。建议你看完上边的，学这个，如果这个学完，你就是很牛的了

希望这些对你有帮助。

js怎么获取数组中元素的位置？

多端阅读《javascript教程》:

在PC/MAC上查看：下载w3cschool客户端，进入客户端后通过搜索当前教程手册的名称并下载，就可以查看当前离线教程文档。下载javascript教程离线版客户端

在手机APP上查看：请从各大安卓应用商店、苹果App Store搜索并下载w3cschool手机客户端，在App中搜索当前教程手册的名称查看。下载w3cschool手机App端

在手机上查看文档：

手册简介:

JavaScript 是世界上最流行的脚本语言。 JavaScript 是属于 web 的语言，它适用于 PC、笔记本电脑、平板电脑和移动电话。 JavaScript 被设计为向 HTML 页面增加交互性。 许多 HTML 开发者都不是程序员，但是 JavaScript 却拥有非常简单的语法。几乎每个人都有能力将小的 JavaScript 片段添加到网页中。

手册说明:

Javascript，从“最被误解的语言”，最后神奇地转变成为“最流行的语言”，证明它经受得起时间的考验。虽然单独来看，它的交互设计有些失败，但是加上Ajax的完美配合，javascript就成了一款轻便并且又实用的好语法。

如果您想要更高效、更系统地学会javascript，您最好采用边学边练（javascript微课）的学习模式。

如果您觉得javascript的学习难度较高，不易理解，建议您采用视频教程进行学习：javascript视频课程

接下来让我们静下心来，翻开这本关于Javascript的教程，你可以学习到JavaScript 代码规范、JavaScript 函数撰写、javascript 正则表达式、JavaScript 逻辑运算等基础内容，除此之外，本书还有进阶的Javascript高级教程，最好在熟读前面的基础知识之后，再考虑继续之后的教程。

高级教程当中包含的内容有很重要的JavaScript 对象介绍，JavaScript Window对象模型介绍，JavaScript 库以及JavaScript 实例等等，每一个章节都值得细细研读。

学完本教程之后，建议您进行javascript实战来巩固您学到的知识。

JavaScript教程–从入门到精通(2)

JavaScript基本数据结构

JavaScript提供脚本语言的编程与C++非常相似 它只是去掉了C语言中有关指针等容易产生的错误 并提供了功能强大的类库 对于已经具备C++或C语言的人来说 学习JavaScript脚本语言是一件非常轻松愉快的事

一 JavaScript代码的加入

JavaScript的脚本包括在HTML中 它成为HTML文档的一部分 与HTML标识相结合 构成了一个功能强大的Internet网上编程语言 可以直接将JavaScript脚本加入文档

Script Language = JavaScript JavaScript语言代码 JavaScript 语言代码; /Script

说明 　 通过标识Script /Script指明JavaScript脚本源代码将放入其间 　 通过属性Language = JavaScript 说明标识中是使用的何种语言 这里是JavaScript语言 表示在JavaScript中使用的语言

下面是将JavaScript脚本加入Web文档中的例子:lHTMLHeadScript Language = JavaScript document Write( 这是赛迪网互动学校 );document close();/Script/Head/HTML

在浏览器的窗口中调用l 则显示 这是赛迪网互动学校 字串 见图 所示

图 说明: Document write()是文档对象的输出函数 其功能是将括号中的字符或变量值输出到窗口 document close()是将输出关闭 可将Script /Script标识放入head /Head或Body /Body之间 将JavaScript标识放置Head /Head在头部之间 使之在主页和其余部分代码之前装载 从而可使代码的功能更强大 可以将JavaScript标识放置在Body /Body主体之间以实现某些部分动态地创建文档

二 基本数据类型

JavaScript脚本语言同其它语言一样 有它自身的基本数据类型 表达式和算术运算符以及程序的基本框架结构 JavaScript提供了四种基本的数据类型用来处理数字和文字 而变量提供存放信息的地方 表达式则可以完成较复杂的信息处理

基本数据类型

在JavaScript中四种基本的数据类型 数值（整数和实数） 字符串型（用 号或 括起来的字符或数值） 布尔型（使True或False表示）和空值 在JavaScript的基本类型中的数据可以是常量 也可以变量 由于JavaScript采用弱类型的形式 因而一个数据的变量或常量不必首先作声明 而是在使用或赋值时确定其数据的类型的 当然也可以先声明该数据的类型 它是通过在赋值时自动说明其数据类型的

常量 　整型常量JavaScript的常量通常又称字面常量 它是不能改变的数据 其整型常量可以使用十六进制 八进制和十进制表示其值 　实型常量实型常量是由整数部分加小数部分表示 如 可以使用科学或标准方法表示 E e 等

布尔值

布尔常量只有两种状态 True或False 它主要用来说明或代表一种状态或标志 以说明操作流程 它与C＋＋是不一样的 C＋＋可以用1或0表示其状态 而JavaScript只能用True或False表示其状态

字符型常量

使用单引号（ ）或双引号（ ）括起来的一个或几个字符 如 This is a book of JavaScript ewrt 等 　空值JavaScript中有一个空值null 表示什么也没有 如试图引用没有定义的变量 则返回一个Null值 　特殊字符同C语言一样 JavaScript中同样以有些以反斜杠（／）开头的不可显示的特殊字符 通常称为控制字符 　 变量

变量的主要作用是存取数据 提供存放信息的容器 对于变量必须明确变量的命名 变量的类型 变量的声明及其变量的作用域 　变量的命名JavaScript中的变量命名同其计算机语言非常相似 这里要注意以下两点 A 必须是一个有效的变量 即变量以字母开头 中间可以出现数字如test text 等 除下划线（－）作为连字符外 变量名称不能有空格 （＋） （－） （ ）或其它符号 B 不能使用JavaScript中的关键字作为变量 在JavaScript中定义了40多个类键字 这些关键是JavaScript内部使用的 不能作为变量的名称 如Var int double true不能作为变量的名称 在对变量命名时 最好把变量的意义与其代表的意思对应起来 以免出现错误

变量的类型

在JavaScript中 变量可以用命令Var作声明:var mytest;该例子定义了一个mytest变量 但没有赋予它的值 Var mytest= This is a book 该例子定义了一个mytest变量 同时赋予了它的值 在JavaScript中 变量以可以不作声明 而在使用时再根据数据的类型来确其变量的类型 如 x= y= xy= True cost= 等 其中x整数 y为字符串 xy为布尔型 cost为实型 　变量的声明及其作用域JavaScript变量可以在使用前先作声明 并可赋值 通过使用var关键字对变量作声明 对变量作声明的最大好处就是能及时发现代码中的错误 因为JavaScript是采用动态编译的 而动态编译是不易发现代码中的错误 特别是变量命名的方面 对于变量还有一个重要性──那就是变量的作用域 在JavaScript中同样有全局变量和局部变量 全局变量是定义在所有函数体之外 其作用范围是整个函数 而局部变量是定义在函数体之内 只对其该函数是可见的 而对其它函数则是不可见的 三 表达式和运算符

1 表达式

在定义完变量后 就可以对它们进行赋值 改变 计算等一系列操作 这一过程通常又叫称一个叫表达式来完成 可以说它是变量 常量 布尔及运算符的集合 因此表达式可以分为算术表述式 字串表达式 赋值表达式以及布尔表达式等

2 运算符

运算符完成操作的一系列符号 在JavaScript中有算术运算符 如＋ * /等 有比较运算符如!＝ ＝＝等; 有逻辑布尔运算符如！（取反） | ||; 有字串运算如＋ ＋＝等 在JavaScript主要有双目运算符和单目运算符 其双目运算符由下列组成 操作数1 运算符 操作数2即由两个操作数和一个运算符组成 如 ＋ This + that 等 单目运算符 只需一个操作数 其运算符可在前或后 （1）算术运算符JavaScript中的算术运算符有单目运算符和双目运算符 双目运算符 +（加） （减） *（乘） /（除） %（取模） |（按位或） (按位与) （左移） （右移） （右移 零填充） 单目运算符 （取反） ~（取补） ++（递加 ） （递减 ） （2）比较运算符比较运算符它的基本操作过程是 首先对它的操作数进行比较 尔后再返回一个true或False值 有8个比较运算符:(小于) (大于) =(小于等于) =(大于等于) ==(等于) !=(不等于) （3）布尔逻辑运算符在JavaScript中增加了几个布尔逻辑运算符: !（取反) =（与之后赋值） （逻辑与） |=（或之后赋值） |（逻辑或） ^=（异或之后赋值） ^（逻辑异或） ?:（三目操作符） ||（或） ==(等于) |=(不等于) 其中三目操作符主要格式如下 操作数？结果1 结果2若操作数的结果为真 则表述式的结果为结果1 否则为结果2

四 范例 下面是一个跑马灯效果的JavaScript文档

lheadscript Language= JavaScript var msg= 这是一个跑马灯效果的JavaScript文档 ;var interval = ;var spacelen = ;var space = ;var seq= ;function Scroll() { len = msg length;window status = msg substring( seq+ );seq++;if ( seq = len ) { seq = spacelen; window setTimeout( Scroll (); interval );}elsewindow setTimeout( Scroll(); interval );} function Scroll () { var out= ;for (i= ; i=spacelen/space length; i++) out += space ;out = out + msg;len=out length;window status=out substring(seq len);seq++;if ( seq = len ) { seq = ; };window setTimeout( Scroll (); interval );} Scroll();/scriptbody/body/

lishixinzhi/Article/program/Java/JSP/201311/19285

《JavaScript基础教程（第9版）》pdf下载在线阅读，求百度网盘云资源

《JavaScript基础教程（第9版）》（[美] Dori Smith）电子书网盘下载免费在线阅读

资源链接：

链接：

提取码：8ghp

书名：JavaScript基础教程（第9版）

作者：[美] Dori Smith

译者：陈剑瓯

出版社：人民邮电出版社

出版年份：2015-3

页数：404

内容简介：本书是经典的JavaScript入门书，以易学便查、图文并茂、循序渐进和善于用常见任务讲解语言知识而著称。书中从JavaScript语言基础开始，分别讨论了图像、框架、浏览器窗口、表单、正则表达式等内容，循序渐进地给出了JavaScript以及相关的CSS、DOM、Ajax和jQuery等技术。第9版全新改写，新增更多示例和技术介绍，使用流行的jQuery框架向网站轻松添加有用的功能。

本书适合有志于从事Web开发和设计的初学者.也是高等院校相关课程的理想入门教材。

作者简介：Dori Smith

世界知名的Web程序员和设计师，从事软件开发已有20多年。她是Web标准项目（WaSP）指导委员会委员，并发起成立了世界性的女性技术社区Wise-Women Web。

Tom Negrino

蜚声全球的技术作家，长期主持Macworld和许多其他技术杂志的专栏。自1995年开始，与Dori Smith合作著书，向初学者介绍Web，目前已著有数十本书。

谁有比较好的javascript视频教程

李炎恢的javascript教程，在verycd上可以下载。结合《javascript高级程序设计》学习，应该会比较好，他这个教程就是参考了《javascript高级程序设计》这本书以及其他一些经典教程制作的。

JavaScript入门教程(9) Document文档对象

描述当前窗口或指定窗口对象的文档。它包含了文档从head到/body的内容。

用法：document

（当前窗口）

或

窗口对象.document

（指定窗口）

属性：

document.title

//设置文档标题等价于HTML的title标签

document.bgColor

//设置页面背景色

document.fgColor

//设置前景色(文本颜色)

document.linkColor

//未点击过的链接颜色

document.alinkColor

//激活链接(焦点在此链接上)的颜色

document.vlinkColor

//已点击过的链接颜色

document.URL

//设置URL属性从而在同一窗口打开另一网页

document.fileCreatedDate

//文件建立日期，只读属性

document.fileModifiedDate

//文件修改日期，只读属性

document.fileSize

//文件大小，只读属性

document.cookie

//设置和读出cookie

document.charset

//设置字符集

简体中文:gb2312

cookie

关于

cookie

请参看“使用框架和

Cookies”一章。

lastModified

当前文档的最后修改日期，是一个

Date

对象。

referrer

如果当前文档是通过点击连接打开的，则

referrer

返回原来的

URL。

title

指head标记里用title…/title定义的文字。在

Netscape

里本属性不接受赋值。

fgColor

指body标记的

text

属性所表示的文本颜色。

bgColor

指body标记的

bgcolor

属性所表示的背景颜色。

linkColor

指body标记的

link

属性所表示的连接颜色。

alinkColor

指body标记的

alink

属性所表示的活动连接颜色。

vlinkColor

指body标记的

vlink

属性所表示的已访问连接颜色。

方法：

open()

打开文档以便

JavaScript

能向文档的当前位置（指插入

JavaScript

的位置）写入数据。通常不需要用这个方法，在需要的时候

JavaScript

自动调用。

write();

writeln()

向文档写入数据，所写入的会当成标准文档

HTML

来处理。writeln()

与

write()

的不同点在于，writeln()

在写入数据以后会加一个换行。这个换行只是在

HTML

中换行，具体情况能不能够是显示出来的文字换行，要看插入

JavaScript

的位置而定。如在pre标记中插入，这个换行也会体现在文档中。

clear()

清空当前文档。

close()

关闭文档，停止写入数据。如果用了

write[ln]()

或

clear()

方法，就一定要用

close()

方法来保证所做的更改能够显示出来。如果文档还没有完全读取，也就是说，JavaScript

是插在文档中的，那就不必使用该方法。

现在我们已经拥有足够的知识来做以下这个很多网站都有的弹出式更新通知了。

复制代码

代码如下:

script

language=”JavaScript”

var

whatsNew

=

open(”,’_blank’,’top=50,left=50,width=200,height=300,’

+

‘menubar=no,toolbar=no,directories=no,location=no,’

+

‘status=no,resizable=no,scrollbars=yes’);

whatsNew.document.write(‘centerb更新通知/b/center’);

whatsNew.document.write(‘p最后更新日期：00.08.01’);

whatsNew.document.write(‘p00.08.01：增加了“我的最爱”栏目。’);

whatsNew.document.write(‘p

align=”right”‘

+

‘a

href=”javascript:self.close()”关闭窗口/a’);

whatsNew.document.close();

/script

当然也可以先写好一个

HTML

文件，在

open()

方法中直接

load

这个文件。