Javascript
Javascripts 简介
1.JavaScript简介
JavaScript是一种基于对象和事件驱动，并具有安全性的脚本语言。
它与HTML,CSS结合起来，用于增强功能，并提高与最终用于之间的交互性能。
客户端的JavaScript必须要有解释器的支持
JavaScript代码是解释型的。不需要编译，而是作为HTML文件的一部分由解释器解释执行。
目前，所有的浏览器都内置JavaScript的解释器
2.JavaScript的组成部分
JavaScript由三部分组成：
ECMAScript：定义了基本的语法和一些对象。核心
每种Web浏览器都有对ECMAScript标准的实现
DOM(Document Object Model)：文档对象模型，它是HTML和XML文档的应用程序编程接口。
Web浏览器中的DOM把整个页面规划成由节点层级构成的文档。用DOM API可以轻松地删除、添加和替换节点。
DOM不是JavaScript专有的。许多语言都实现了它。
BOM(Browser Object Model)：浏览器对象模型，描述了与浏览器窗口进行访问和操作的方法和接口。
BOM暂时没有相关的标准，每种浏览器对BOM的实现有些差别。
3.JavaScript的二种放置方式
1.将JS代码放置在一个单独的文件中，以.js为扩展名。
2.将脚本代码作为HTML标签的属性值
4.JavaScript代码格式
每条语句用分号(;)结束。但不是必须的。
如果没有分号，则把换行看成是语句的结尾。
注释：
//单行注释
代码块放置在大括号{}之间。
5.变量的声明
JS采用弱类型的变量形式
即声明一个变量时不必确定类型，而是在使用或赋值时自动确定其数据类型。
为使代码更易于阅读，变量建议使用匈牙利命名法：
如：数组 aValues、布尔型 bFound、浮点数 fValue、
函数 fnMethod、 整数 iValue、对象 oType、
字符串 sValue、正则表达式 rePattern、其它类型 vValue
JS用关键字var声明变量：
在JS中也可以不事先声明变量而直接使用：
6.JavaScript基本数据类型
Number类型
整数：十进制、八进制、十六进制
浮点数：带小数点的数字，可用科学记数法表示 var fNum = 3.1e7
Boolean型
true和false两个值，0表示false，非0表示true
String型
用单引号(')或双引号(")引起来的若干个字符。
转义字符
\r 回车、\n 换行、\t 制表符、\' 单引号、\" 双引号、\\ 表示一个斜杠
null：表示还不存在的对象。可看成对象的占位符。
undefined：表示声明了变量，但尚未赋值。
如：var oTemp; alert(oTemp);
它是从null派生来。 alert(null == undefined); //true
7.typeof
typeof运算符
检查变量或值的类型： alert(typeof 95.5);
8.JavaScript类型转换
转换成字符串
ECMAScript的基本数据类型都有toString()方法，可以把它们的值直接转换成字符串
如：var fNum1 = 10.0; alert(fNum1.toString());
转换成数字
ECMAScript提供了两个方法：parseInt()和parseFloat()，可以把String类型变量转换成数字。
如：var iNum1 = parseInt("123ab");
var fNum1 = parseInt("123a");
强制类型转换
ECMAScript中有可用的3种强制类型转换
Boolean(value) 把给定的值转换成Boolean型
Number(value) 把给定的值转换成数字(可以是整数和浮点数)
String(value) 把给定的值转换成字符串
var iNum = Number(100);
9.在javascript中逻辑运算符只支持： &&、||、!
10.JavaScript中函数的定义语法
函数的基本语法：
function 函数名(参数1,参数2,..参数n) {
程序代码;
[return 值;]
}
多个参数由逗号分隔，注意不能用var声明参数
不需要声明返回值类型
JS中的函数不能重载，后定义的函数会覆盖前面定义的同名函数：
JS不会验证传递给函数的参数个数是否等于函数定义的参数个数。自定义的函数都可以接收任意个数的参数。
11.arguments对象的使用
在函数内部的程序代码中，可以使用一个名为arguments的对象，
这是一个数组对象，其中包含了调用此函数传递的所有参数。
12.全局变量：在所有函数之外定义的变量，使用范围是这个变量定义之后的所有语句。
局部变量：定义在函数代码之内的变量，只可以在这个函数体内可以使用。
13.JavaScript对象的类型
可以创建并使用的对象有三种：
本地对象：独立于宿主环境的ECMAScript实现提供的类
Object、Number、Boolean、String、Array、Date、RegExp、Function
内置对象：特殊的本地对象，在ECMAScript程序开始执行时已经被实例化的对象。
Global对象、Math对象
宿主对象：所有非本地对象。由ECMAScript实现的宿主环境提供的对象。
所有的BOM和DOM对象都是宿主对象。
14.Object类
所有类的根类，ECMAScript是的所有类都继承自这个类。
属性
prototype 对该对象的对象原型的引用
方法
toString() 对象的原始字符串表示
实例：
利用javascript实现遮罩层效果：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>全屏div</title>
<style>
html,body {
margin:0;
height:100%;
}
#test {
width:100%;
height:100%;
background-color:#000;
position:absolute;
top:0;
left:0;
z-index:2;
opacity:0.3;
filter: alpha(opacity=30);
display:none;
}
#log_window {
width:200px;
height:200px;
background-color:#FF0;
margin: auto;
position: absolute;
z-index:3;
top: 0;
bottom: 0;
left: 0;
right: 0;
display:none;
}
</style>
<script>
function shield(){
var s = document.getElementById("test");
s.style.display = "block";
var l = document.getElementById("log_window");
l.style.display = "block";
}
function cancel_shield(){
var s = document.getElementById("test");
s.style.display = "none";
var l = document.getElementById("log_window");
l.style.display = "none";
}
</script>
</head>
<body>
<button><a href="javascript:shield()">打开</a></button>
<div id="test"></div>
<div id="log_window">
<button><a href="javascript:cancel_shield()">关闭</a></button>
</div>
</body>
</html>
