javascript快速入门第一章基础知识(上)

javascript的重要性不言而喻，一个友好优秀的网站是离不开js，让我们开启js之旅吧！我会重点讲讲jquery。

JavaScript一种直译式脚本语言：

是一种动态类型、弱类型、基于原型的语言，内置支持类型。

它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

开发时可能会遇到el表达式在js代码中不起作用的问题，因为两个不在一个层面上，解决方法网上有很多，日后我会把项目中遇到的错误和解决方法整理出来。

JavaScript 基本特点：

一. 是一种解释性脚本语言（代码不进行预编译）

二. 主要用来向HTML（超文本标记语言下的一个应用）页面添加交互行为

三. 可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离

JavaScript 应用：

一.  嵌入动态文本于HTML页面。

二. 对浏览器事件做出响应。

三. 读写HTML元素。

四. 在数据被提交到服务器之前验证数据。

五. 检测访客的浏览器信息。

六. 控制cookies，包括创建和修改等。

大致了解js后，我们开看看其语法吧！个人感觉和java很像，我就简单谈谈。

js所有的数据类型都用var无脑定义（不管是string，boolean，float，int都是用var）

js定义数组

一维数组：

var arr = new Array(8);长度为8

没值的时候显示undefine；虽然限定了长度，但是还是可以扩展的

赋值： arr[0]=0; arr[1]=1; arr[2]=2;

var arr = new Array(0,1,2); 创建并赋值

var arr = [0,1,2];直接输入一个数组，也称字面量数组

数组的长度： arr.length;

二维数组：

var arr = [[1,2,3],[4,5]]

先定义一个一维数组后赋值

var arr = new Array();

for (var i = 0 ; i < 2 ; i++){

    var [i] = new Array();

    for(var j = 0 ;j < 3 ; j++){

    var [i][j] = i + j;

     }

}

数组连接concat()

用于连接两个或多个数组，返回一个新的数组，不改变原来的数组

arr.concat(array1,array2,...,arrayN);

<script type="text/javascript">
    var myarr1= new Array("010")
    var myarr2= new Array("-","84697581");
    document.write(myarr1.concat(myarr2));
</script>

join()

把数组的所有的元素放到一个字符串，元素是通过指定的分隔符进行分隔。 默认为逗号

<script type="text/javascript">
    var myarr1= new Array("86","010")
    var myarr2= new Array("84697581");
    var myarr3= myarr1.concat(myarr2);
    document.write(myarr3.join("-")+"<br>");
    document.write(myarr3.join());
</script>

颠倒数组元素顺序

arr.reverse();

<script type="text/javascript">
   var myarr1= ["我","爱","你"];
   document.write(myarr1.reverse());
</script>

选定元素

arr.slice(start,end);

1.返回一个新的数组，从start到end-1；

2.该方法不会修改数组，而是返回一个子数组

3.负数是从尾部开始选取元素

<script type="text/javascript">
   var myarr1= ["IT","Dragon","blog"];
   document.write(myarr1.slice(1));
</script>

数组排序sort

arr.sort(方法函数);

默认值Unicode码的顺序排序

<script type="text/javascript">
   function sortNum(a,b) {
    return b - a;
   }
var myarr = new Array("80","16","50","6","100","1");
document.write(myarr.sort(sortNum));
</script>

String字符串对象

返回指定位置的字符

string.charAt(index);

<script type="text/javascript">
  var mystr="I love JavaScript!"
  document.write(mystr.charAt(mystr.length-1));
</script>

返回指定的字符串首次出现的位置

string.indexOf(substring,startpos);

substring：是需要检索的字符串

startpos：可选参数，是从第startpos位置开始找

如果找到了就返回第一次出现的位置，没有就返回-1

<script type="text/javascript">
  var mystr="Hello World!"
  document.write(mystr.indexOf("o",5));
</script>

字符串分割

string.split(separator,limit);

separator：必选项，从该参数指定的地方分割

limit：可选参数，分割的次数；如果不设置就可以无限分割

<script type="text/javascript">
var mystr="86-010-85468578";
document.write(mystr.split("-")+ "<br />");
document.write(mystr.split("")+ "<br />");
document.write(mystr.split("",3));
</script>

提取字符串

string.substring(startPos,stopPos);

1.返回的内容是从start开始，到stop-1为止

2.如果参数start和stop相等，则返回空

3.如果start比stop大，则该方法会默认将两个参数交换位置

<script type="text/javascript">
var mystr="Hello World!"
document.write(mystr.substring(6)+ "<br />");
document.write(mystr.substring(0,6));
</script>

提取指定数目的字符串

string.substr(startPos,length);

startPos：必需，要提取的子串的起始位置，必需是数值

length：可选，提取的字符串长度，默认是到尾部

1.如果参数startPos是负数，就是从字符串尾部开始计算；如-1就是最后一个字符

2.如果参数startPos负数的绝对值大于字符串长度，则参数变为0

<script type="text/javascript">
var mystr="Hello World!";
document.write(mystr.substr(0,5)+ "<br />");
document.write(mystr.substr(-6,6));
</script>

Date对象：

var currentTime= new Date(); // 获取当前时间

var d = new Date(2015,7,2);  //设置的是2015年7月2日

var d = new Date("Oct 1,2015"); //设置的是2015年10月1日

更多方法可参考下图内容

设置年份

<script type="text/javascript">
var mydate=new Date(); 
var myyear=mydate.getFullYear();
document.write(mydate);
document.write("年份:"+myyear);
</script>

设置时间

<script type="text/javascript">
 var mydate=new Date();
  document.write("当前时间："+mydate+"<br>");
  mydate.setTime( mydate.getTime()  + 2* 60 * 60 * 1000);
  document.write("推迟二小时时间：" + mydate);
</script>

更多干货等你来拿  http://www.itit123.cn/