JavaScript基本概要

body, table{font-family: 微软雅黑; font-size: 10pt}
table{border-collapse: collapse; border: solid gray; border-width: 2px 0 2px 0;}
th{border: 1px solid gray; padding: 4px; background-color: #DDD;}
td{border: 1px solid gray; padding: 4px;}
tr:nth-child(2n){background-color: #f8f8f8;}

什么是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 对象) {     在此执行代码 }“变量”用来指定变量，指定的变量可以是数组元素，也可以是对象的属性。 var x; var mycars=new Array(); mycars[0]="Saab"; mycars[1]="volvo"; mycars[2]="BMM"; for(x in mycars)    //x从0到2 {         document.write(mycars[x]+"<br/>"); } 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 字符串，并把它作为脚本代码来执

 eval("x=10;y=20;document.write(x*y)")   网页写200

 var uname="'xt','zh','ch','am','pm'";

 var tuname = eval("["+uname+"]");

 alert(tuname[1]);     //显示出zh

escape与unescape, encodeURI()与decodeURI()

var str="中国"; var escape1=escape(str); document.write(escape1); var escape2=unescape(escape1); document.write("<br/>"+escape2); //一样的效果  alert(encodeURI(str));  alert(decodeURI(str));

escape不编码字符有69个：*，+，-，.，/，@，_，0-9，a-z，A-Z

encodeURI不编码字符有82个：!，#，$，&，'，(，)，*，+，,，-，.，/，:，;，=，?，@，_，~，0-9，a-z，A-Z

parseInt(string, radix) 函数可解析一个字符串，并返回一个整数。