JavaScript基础—语法规则（ECMAScript）

1. java 和javaScript
   相同之处包括：
   （1） 都是面向对象的（虽然实现的方式略有不同）；
   （2）JavaScript 在设计时参照了 Java 的命名规则；
   不同之处包括：
   （1）JavaScript 是动态类型语言，而 Java 是静态类型语言.
   （2）JavaScript 是弱类型的，Java 属于强类型；
   （3）JavaScript 的面向对象是基于原型的（prototype-based）实现的，Java 是基于类（class-based）的；
   （4）JavaScript 除了长得和 Java 比较像之外，语言风格相去甚远。

2. JavaScript 组成 – JS
   (1) ECMAscript
   JS 一套标准，语法规则
   (2) BOM
   浏览器对象模型
   (3) DOM
   文档对象模型

3. JavaScript 引入方式
   (1) script 标签 – 可以贴在任何位置

   <script type="text/javascript">
   	document.write("hello javaScript !!");
   	document.write("<h1>雷锋和雷峰塔是什么关系</h1>")
   </script>
   

   (2)引入外部js 文件

   <script type="text/javascript" src="hello.js"></script>
   

   (3)直接在标签上写

   <input type="button" value="点击我" onclick="javascript:alert('你点击我干嘛？？？')" />
   

4. JavaScript 变量的使用
   (1)先声明再赋值
   (2)声明并赋值
   (3)不声明，直接赋值

   /* 1.先声明，再赋值 */
   	var name;
   	name="张三";
   	/* 2.声明的同时并赋值 */
   	var name="李四";
   	/* 3.不声明直接赋值 */
   	age = 18;
   

5. JavaScript 数据类型
   (1)任何查看数据类型-typeof(变量名)
   (2)String
   (3)Boolean
   (4)Null
   (5)Undefined
   (6)Number
   (7)Object

6. String
   var name = “dhsghajhgjashdgagas”;
   (1)长度 name.length ---- java 中是方法
   (2)指定下标的字符 name.charAt(下标)
   (3)获取指定字符首次出现的位置 name.indexof(字符)
   (4)截取字符串 name.subString(下标1，下标2) 闭开区间
   (5)根据字符拆分数组 var names = name.split(字符)

7. 数组
   (1)定义数组
   ①先声明再赋值

   var names = new Array(3);  
   names[小标] = “”;
   

   ②声明并赋值

   var names = new Array(“11”,”2”....);  
   

   ③数组长度 - names.length
   ④将数组编程字符串，指定间隔符 - names.join(“”);
   ⑤排序 sort() 倒序
   ⑥向数组末尾追加元素 push(值)

8. 运算符号

   1）== 和=== 区别
   a.== 不关心数据类型 ，只关心值是否相等
   b.=== 数据类型和值都得相等

9. 逻辑控制语句
   (1)if()else{}
   (2)switch()
   (3)for(var i=0;i<8;i++) / for(var i in nums)
   (4)while()
   (5)break/continue

10. 输入输出-弹出框
    (1)提示框 alert()
    (2)输入框 prompt(“”,””)
    ① 第一参数：提示输入的内容
    ② 第二参数：默认值
    (3)确认框 – 返回值是boolean confirm(“”);

    /* 输出 */
    	//alert(1111);
    	/* 输入 */
    	var color1 = prompt("请输入您喜欢的颜色：","red");
    	var isok = confirm("您确定您喜欢的颜色是："+color1+"吗？？");
    	if(isok){
    		document.write("你喜欢的颜色是："+color1);
    	}else{
    		document.write("<p style='color:red'>还不确定您喜欢的颜色</p>")
    	}
    

11. 系统函数
    (1)parseInt() 将变量转换为整数
    (2)parseFloat() 将变量转换为浮点数
    (3)IsNaN() 判断是否不是数字 （不关心数据类型，只关心值是否是数字）

    <script type="text/javascript">
    	var  num1 = "44";
    	var num2="99.9";
    	document.write("num1===44"+(num1===44)+"<br />")
    	document.write("num1===44"+(parseInt(num1)===44)+"<br />")
    	document.write("num2===99.9"+(num2===99.9)+"<br />")
    	document.write("num2===99.9"+(parseFloat(num2)===99.9)+"<br />")
    
    	var ss= "坏蛋";
    	var aa="11";
    	var bb=33;
    	document.write("ss是否不是数字："+isNaN(ss)+"<br />");//true
    	document.write("aa是否不是数字："+isNaN(aa)+"<br />");//false
    	document.write("bb是否不是数字："+isNaN(bb)+"<br />");//false
    
    </script>
    

12. 自定义函数
    (1)语法

    function 函数名（[参数1，参数2.。。。]）{//可以有参也可以无参
    	//javascript 语句
    	[return 值];  //可有可无
    }
    

13. 常用的事件
    (1)onclik 鼠标单击
    (2)onmouseOver 鼠标移上的事件
    (3)onchange 内容改变的时候
    (4)onkeyDown 键盘键按下的时候
    (5)onload 当变迁内容加载完成的时候