一 Javascript概念
Javascript是一种由Netscape的LiveScript发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言。
二 澄清JavaScript和JAVA的关系
JavaScript最初的确是受Java启发而开始设计,因此语法上有很多类似之处,许多名称和命名规范也借自Java。但是实际上,它与Java本质上是不同的。它与Java名称上的近似,是当时网景为了营销考虑与Sun公司达成协议的结果。
三 JavaScript和JScript的关系
为了取得技术优势,微软推出了JScript来迎战JavaScript的脚本语言。为了互用性,Ecma国际(前身为欧洲计算机制造商协会)建立了ECMA-262标准(ECMAScript)。现在两者都属于ECMAScript的实现。
四 JavaScript的语法
在这里只作简单介绍,在以后的例子中结程序再作具体解释其作用。
1、运算符
运算符就是完成操作的一系列符号,它有七类:
赋值运算符(=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=)、算术运算符(+,-,*,/,++,--,%)、比较运算符(>,<,<=,>=,==,===,!=,!==)、逻辑运算符(||,&&,!)、条件运算(?:)、位移运算符(|,&,<<,>>,~,^)和字符串运算符(+)。
可能很多人不知道"==="什么。
在这里,我为大家解释一下,在javascript中"==="才是全等只有"==="两边的内存地址也相等才会返回真
而"=="只是值相等就会返回真
例如:null==undefined会返回真,但是null===undefined就会返回假!
2、表达式
运算符和操作数的组合称为表达式,通常分为四类:赋值表达式、算术表达式、布尔表达式和字符串表达式。
3、语句
Javascript程序是由若干语句组成的,语句是编写程序的指令。Javascript提供了完整的基本编程语句,它们是:
赋值语句、switch选择语句、while循环语句、for循环语句、foreach循环语句、dowhile循环语句、break循环中止语句、continue循环中断语句、with语句、try...catch语句、
if语句(if..else,if...elseif...)、let语句。
4、函数
函数是命名的语句段,这个语句段可以被当作一个整体来引用和执行。使用函数要注意以下几点:
1)函数由关键字function定义(也可由Function构造函数构造);
2)使用function关键字定义的函数在一个作用域内是可以在任意处调用的(包括定义函数的语句前);而用var关键字定义的必须定义后才能被调用;
3)函数名是调用函数时引用的名称,它对大小写是敏感的,调用函数时不可写错函数名;
4)参数表示传递给函数使用或操作的值,它可以是常量,也可以是变量,也可以是函数,在函数内部可以通过arguments对象(arguments对象是一个伪数组,属性callee引用被调用的函数)访问所有参数;
5)return语句用于返回表达式的值。
6)yield语句扔出一个表达式,并且中断函数执行直到下一次调用next。
一般的函数都是以下格式:
functionmyFunction(params){
//执行的语句
}
函数表达式:
varmyFunction=function(params){
//执行的语句
}
varmyFunction=function(){
//执行的语句
}
myFunction();//调用函数
匿名函数,它常作为参数在其他函数间传递:
window.addEventListener('load',function(){
//执行的语句
},false);
5、对象
Javascript的一个重要功能就是面向对象的功能,通过基于对象的程序设计,可以用更直观、模块化和可重复使用的方式进行程序开发。
一组包含数据的属性和对属性中包含数据进行操作的方法,称为对象。比如要设定网页的背景颜色,所针对的对象就是document,所用的属性名是bgcolor,如document.bgcolor="blue",就是表示使背景的颜色为蓝色。
6、事件
用户与网页交互时产生的操作,称为事件。事件可以由用户引发,也可能是页面发生改变,甚至还有你看不见的事件(如Ajax的交互进度改变)。绝大部分事都由用户的动作所引发,如:用户按鼠标的按钮,就产生click事件,若鼠标的指针的链接上移动,就产生mouseover事件等等。在Javascript中,事件往往与事件处理程序配套使用。
而对事件的处理,W3C的方法是用addEventListener()函数,它有三个参数:事件,引发的函数,是否使用事件捕捉。为了安全性,建议将第三个参数始终设置为false;
传统的方法就是定义元素的on...事件,它就是W3C的方法中的事件参数前加一个“on”。而IE的事件模型使用attachEvent和dettachEvent对事件进行绑定和删除。javascript中事件还分捕获和冒泡两个阶段,但是传统绑定只支持冒泡事件。
7、变量
如varmyVariable="somue";
变量有它的类型,上例中myVariable的类型为string(字符串)
javascript支持的常用类型还有:
object:对象
array:数组
number:数;
boolean:布尔值,只有true和false两个值,是所有类型中占用内存最少的;
null:一个空值,唯一的值是null;
undefined:没有定义和赋值的变量
实际上javascript的变量是弱变量类型,你赋值给他的是字符串,他就是String.
是数字他就是整形。是true和false他就是boolean型(注意,不能加引号,不然会被当成字符串处理)。
五 JavaScript在html中的嵌入方式
JavaScript与Html的结合方式
想要将其他代码融入到Html中,都是以标签的形式。
1.JS代码存放在标签对<script>...</script>中。
2.使用script标签的src属性引入一个js文件。(方便后期维护,扩展)
例:<script src=”test.js” type=”javascript”></script>
注:规范中script标签中必须加入type属性。