当前位置：
文档之家› JavaScript内部培训
JavaScript内部培训
JavaScript可以出现在 Web页面的任意地方
也可以将以.js为后缀名的JavaScript文件单独放在一个位置,然后在Web页面引用它, 句 型如下:（Ps: .js文件中不能有<script></script>）
<script language="JavaScript“ src=“joyque.js”> <vaScript对象
如何创建对象
在JavaScript中创建对象有多种方式,很灵活。 方式一: 直接定义 示例1: var person={}; //创建了无任何属性和方法的对象 示例2： var person={}; //创建带有name属性和eat方法的对象 ; person.eat=function (){alert("吃饭");}; json是一种数据格式 方式二:采用json的方式 示例3: var person={name:"小强",eat:function(){alert("吃饭");}};
对象的基础知识
对象的基本结构 如何创建对象 引用对象的途径 有关对象操作语句 对象属性的引用 对象的方法的引用
第三章 JavaScript对象
对象的基本结构
JavaScript中的对象由属性和方法(也既函数)两个基本元素构成。前者体现了对象的特 征，后者体现了对象的行为。 对象模型: var car={}; //创建了一个car对象 =“bmw”; //给car对象添加一个name属性 obj.run=function(){alert(“car 会跑”);} //给car对象添加一个run方法
位逻辑运算符：
&、|、^; <<、 >>、 >>>
布尔操作符：
&&、||、!
比较操作符：
有 ==、>、>=、<、<=、!=；
连接操作符 + 用于连接两个字符串：
x= "Hello "; y= "World!"; x + y 为 "Hello World!"
其他操作符
in, typeof instanceof等
第一章 JavaScript简介
1. JavaScript是什么?
JavaScript是一种可以嵌入Web页面中的基于对象(Object)和事件驱动 (Event Driven)并具有安全性能的脚本语言，它能与用户实现交互，并且能 与服务端实现通信。
2. JavaScript的特点
1.基于对象 2.事件驱动 3.解释性语言 4.弱类型语言 5.安全，与平台无关(跨平台)
2.2.2
数据类型
JavaScript支持的数据类型： 1. 数值型(number):其中包括整型数和浮点型数 2. 布尔值(boolean):即逻辑值，true或flase 3. 字符串型(string):由单个或多个文本字符组成 4. 空值(null):由关键字null代表 5. undefined:表示变量还没有赋值的状态或一个对象的属性不存在
2.4 JavaScript函数
函数例2
<html> <head> <script> function add(a,b) 有返回值的函数仍不要指定函数类型 { return a+b; } </script> </head> <body> 6+5=<script>document.write(add(6,5))</script> </body> </html>
2.3 JavaScript操作符与表达式
2.3.1 操作符
赋值操作符：
=、+=、-=、*=、 /=、%=、<<=、>>=、>>>=、&=、^=、|=；
条件表达式：
status = (age >= 18) ? "adult" : "minor"；
算数操作符：
+、- 、* 、/ 、% 、++和--，y = ++x；
对象的方法引用
objectName.methodName(); 实际上methodName()=FuctionName方法实质上是一个函数。 如果引用university对象的show()方法，即可使用: university.show();
函数不指定返回类型
function myFunction([参数]) { //执行的语句(函数体) [ return [值]; ] }
参数不指定类型
函数名对大小写是敏感的
2.4 JavaScript函数
函数示例1
<html> 参数不指定类型 <head> <script> function fun1(txt) { alert(txt); } </script> </head> <body> <form> <input type="button" onclick="fun1('hello')" value="调用函数"> </form> </body> </html>
第二章 JavaScript基础
2.1 2.2 2.3 2.4 JavaScript声明 JavaScript变量与数据类型 JavaScript操作符与表达式 JavaScript函数
2.1 JavaScript声明
基本格式
JavaScript脚本可以嵌入在Web页面中，如:
<script language="JavaScript"> ... JavaScript代码; ... </script>
第三章 JavaScript对象
with语句
使用该语句的意思是：在该语句体内，任何对变量的引用被认为是这个对象的属性， 以节省一些代码。 with object{ ...} 所有在with语句后的花括号中的语句，都是在后面object对象的作用域的。 示例如下: <script language="javascript"> var person={}; ="小强"; person.age="100"; with(person){ alert(name); alert(age); } </script>
第三章 JavaScript对象
有关对象操作语句
for...in语句 with语句 this关键字 new运算符
第三章 JavaScript对象
For…in语句
该语句的功能是用于对已知对象的所有属性进行操作的控制循环。无需知道对象的属 性个数即可进行操作。 格式如下: for(对象的属性名 in 已知对象名) 示例如下: function getValue(obj){ for(var prop in obj){ document.write(obj[prop]); } }
当页面载入时，会执行位于 body部分的JavaScript
2.4 JavaScript函数
JavaScript常规函数
9个常规函数：
消 息 框
alert函数：显示一个警告对话框，包括一个OK按钮。 confirm函数：显示一个确认对话框，包括OK、Cancel按钮。 prompt函数：显示一个输入对话框，提示等待用户输入。 parseInt函数：将符串转换成整数数字形式(可指定几进制)。√ parseFloat函数：将字符串转换成符点数字形式。√ escape函数：将字符转换成Unicode码。 eval函数：计算表达式的结果。 isNaN函数：测试是(true)否(false)不是一个数字。
第三章 JavaScript对象
JavaScript语言是基于对象的（Object-Based），而不是面向对象的（objectoriented）。有对象的概念：数据和操作的封装, 但没有继承的概念。从定义的角度看, JavaScript程序中有两种对象：JavaScript提供的内置对象(基础对象和客户端对象) 和根据需要创建自己的对象。
第三章 JavaScript对象
this关键字
this是指对”当前”对象的引用，在不同的角度，this引用的对象不同。首先分析this所 在的函数是当做哪个对象的方法调用的，那这个对象就是this所引用的对象。也可以说 在JavaScript中的this是对象和函数结合的概念。 示例1: var obj={}; obj.x=10; obj.y=function (){alert(this.x)}; obj.y(); 当执行obj.y()时,函数是作为对象obj的方法调用的，因此函数体内的this指向的是obj对 象，所以会弹出10。
2.4 JavaScript函数
2.4.1 函数
函数是什么？
函数是若干段JavaScript代码的集合,可以根据需要将一段功能代码编写成一个函数， 然后在需要时调用它，并可作为事件驱动的结果而调用的程序。从而实现一个函数把 它与事件驱动相关联。 JavaScript函数定义:函数由function关键字定义
function person(name){ =name; this.eat=function (){ alert("吃饭"); } } var employee=new person("小强");
