什么是JavaScript:
Netscape公司开发的一种基于对象和事件驱动的脚本语言 ，并且可在所有主要的浏览器中运行 IE、Firefox、Chrome、Opera、JavaScript 被设计用来向 HTML 页面添加交互行为JavaScript 的正式名称是 "ECMAScript"。这个标准由 ECMA 组织发展和维护。无需编译，可由浏览器直接解释运行。JavaScript 是一种弱类型语言
特点：
交互性（它可以做的就是信息的动态交互）
安全性（不允许直接访问本地硬盘）
跨平台性（只要是可以解释Js的浏览器都可以执行，和平台无关）
JavaScript语言组成
一个完整 JavaScript实现由以下3个部分组成
|
1、核心（ECMAScript）
2、文档对象模型（DOM）
3、浏览器对象模型（BOM）
|
|
JavaScript与Html的结合方式
|
HTML 的 <script> 标签用于把 JavaScript 插入 HTML 页面当中，编写JavaScript 两种方式：内部JS和外部JS
内部JS程序，在HTML源码中
<script type="text/javascript">
alert(1);
</script>
* language 属性不赞成使用，请使用type属性替代
外部JS程序，在HTML中引入单独的JS程序
<script src="1.js"></script>
1.js 内容
alert(2);
* 在引用外部JS的script标签间不能编写JavaScript代码
|
<!--js和html的结合方式
1.页内
方式1:
<script type="text/javascript">
alert("hello javascript!");
</script>
方式2:
<p onclick="javascript:alert('clicked me');"> 点击我 </p>
2.外部
<script type="text/javascript" src="01.js"></script>
<script src="01.js">此处不支持插入js脚本</script>
-->
|
JavaScript的数据类型
|
<script type="text/javascript">
//5种基本的数据类型 number,boolean,string,null,undefined,object(只能识别是对象，但是不知道是什么类型对象)
var a=1.1;
var b=false;
var c="hello"
var d;
var e=null;
//f=new Object();
var date=new Date();
//null表示准备用来保存对象，还没有真正保存对象的值。从逻辑角度看，null值表示一个空对象指针
//typeof 看变量的类型是什么
alert(typeof(date));
alert(date); //显示时间
//instanceof(对象类型判断) true前者是后者的一个实例 false不是
if(date instanceof Date)
alert("true"); //运行这个
else
alert("false");
</script>
|
== 等于 //只是比较值
=== 等于(检查值和类型)
if(z=100) //不管z是多少，非0都返回TRUE,0返回FALSE
document.write("<b>Good morning</b>"); //在网页上写“”里面的
for (变量 in 对象)
{
在此执行代码
}“变量”用来指定变量，指定的变量可以是数组元素，也可以是对象的属性。
a = 19 是Number 类型
a = "19" 是String类型
Number 转 String a = a + ""; 或 a = String(a);
String 转 Number a = a - 0; 或 a = Number(a);
|
JavaScript基本语法(区分大小写)
JavaScript常用对象介绍
1、Array对象 数组对象，进行数组操作
2、String对象 ----- 字符串类型的引用类型
var s = new String(“cskaoyan");
3、Number对象 ---- 数字原始类型引用类型
var n = new Number(100);
4、Boolean对象 ---- 布尔原始类型引用类型
var b = new Boolean(true);
5、Math对象 执行数学任务
6、Date对象 用于处理日期和时间
| Array: var array=new Array(1,2,3,4,5); //表示数组大小，同时初始化了数组 var array=new Array(5); //只表示了数组的长度 var array4 = [1,5,19,2,4]; //如果sort()函数没有传参数，泽会将数字转换为字符串
var array5 = ["1","5","19","2","4"];
join(): 把数组的所有元素放入一个字符串。
push(): 向数组的末尾添加一个或更多元素，并返回新的长度。
pop()删除并返回数组的最后一个元素
shift(): 删除并返回第一个元素
reverse(): 反转顺序
sort(): 排序//1、如果想按照自己的规则来进行比较，要传递一个function类型的参数制定比较规则2、如果sort函数没有传参数(参数就是自己定义的function)，那么就会把数组转化为字符串在来排序
var array = ["benz","bmw","volve","qq"];
alert(array.join()); //默认连接隔开符号","
for(var i=0;i<array.length;++i)
{
document.write(array.join("-")+"<br/>");
}
var array = [1,5,19,2,4];
function sortNumber(a,b){
return a-b; //升序；b-a降序
}
alert(array.sort(sortNumber));
|
String：
big() 用大号字体显示字符串。
charAt(index) 返回在指定位置的字符。
concat() 连接字符串。
substr(start,length) 从起始索引号提取字符串中指定数目的字符。
substring(start,stop) 提取字符串中两个指定的索引号之间的字符。(stop前一个)
Number:
toString 把数字转换为字符串，使用指定的基数。
valueOf() 返回 Number对象的原始值
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
Date:
Date() 返回当日的日期和时间
getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)
getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)
getMonth() 从 Date 对象返回月份 (0 ~ 11)
getHours() 返回 Date 对象的小时 (0 ~ 23)
getMinutes() 返回 Date 对象的分钟 (0 ~ 59)
getSeconds() 返回 Date 对象的秒数 (0 ~ 59))
getMilliseconds() 返回 Date 对象的毫秒(0 ~ 999)
getTime() 返回 1970 年 1 月 1 日至今的毫秒数
|
| //Math 里的方法相当于java里的静态方法，不需要对象，直接通过类名来访问 ceil(x)返回大于等于x的最小整数
floor(x)返回小于等于x的最大整数
random() 返回 0 ~ 1 之间的随机数 (小数)
round(x) 把一个数四舍五入为最接近的整数。
|
JavaScript 函数的定义
|
<script type="text/javascript">
//第一种
function add(a,b){
var c=a+b;
alert (c);
}
//第二种
//定义一个变量，该变量就是函数名
var func=function(a){
alert(a);
}
//第三种
//方法的最后一个参数是函数体，之前是可变参数
var add1=new Function('a','b','c','d=a+b+c; alert(d)');
</script>
<p onclick="add1(1,2,3)">点我</p>
|
JavaScript 全局函数 isNaN 检查某个值是否为数字//是返回false，不是返回true
parseInt / parseFloat 解析字符串为整数 / 浮点数
eval 计算javascript 字符串，并把它作为脚本代码来执
escape与unescape, encodeURI()与decodeURI()
escape不编码字符有69个：*，+，-，.，/，@，_，0-9，a-z，A-Z
encodeURI不编码字符有82个：!，#，$，&，'，(，)，*，+，,，-，.，/，:，;，=，?，@，_，~，0-9，a-z，A-Z
|
parseInt(string, radix) 函数可解析一个字符串，并返回一个整数。