javascript快速入门第一章基础知识(上)
2015-11-15 15:10
971 查看
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);
join()
把数组的所有的元素放到一个字符串,元素是通过指定的分隔符进行分隔。默认为逗号
颠倒数组元素顺序
arr.reverse();
选定元素
arr.slice(start,end);
1.返回一个新的数组,从start到end-1;
2.该方法不会修改数组,而是返回一个子数组
3.负数是从尾部开始选取元素
数组排序sort
arr.sort(方法函数);
默认值Unicode码的顺序排序
String字符串对象
返回指定位置的字符
string.charAt(index);
返回指定的字符串首次出现的位置
string.indexOf(substring,startpos);
substring:是需要检索的字符串
startpos:可选参数,是从第startpos位置开始找
如果找到了就返回第一次出现的位置,没有就返回-1
字符串分割
string.split(separator,limit);
separator:必选项,从该参数指定的地方分割
limit:可选参数,分割的次数;如果不设置就可以无限分割
提取字符串
string.substring(startPos,stopPos);
1.返回的内容是从start开始,到stop-1为止
2.如果参数start和stop相等,则返回空
3.如果start比stop大,则该方法会默认将两个参数交换位置
提取指定数目的字符串
string.substr(startPos,length);
startPos:必需,要提取的子串的起始位置,必需是数值
length:可选,提取的字符串长度,默认是到尾部
1.如果参数startPos是负数,就是从字符串尾部开始计算;如-1就是最后一个字符
2.如果参数startPos负数的绝对值大于字符串长度,则参数变为0
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日
更多方法可参考下图内容
设置年份
更多干货等你来拿 http://www.itit123.cn/
!我会重点讲讲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/
相关文章推荐
- javascript 中的 delete及delete运算符
- JScrollPane滑动灵敏度设置
- JSP九大内置对象
- js实现私有变量
- javascript笔记
- javaScript---文档对象模型(DOM)
- JavaScript获取当前鼠标指针坐标
- 详解JavaScript函数对象
- JavaScript学习手记2
- javascript中window.open在原来的窗口中打开新的窗口(不同名)
- Javascript异步流程控制之Promise(3)-ES6原生Promise简介
- Javascript异步流程控制之Promise(2)-Angular $q源码解读
- Javascript异步流程控制之Promise(1)-Angular $q简介
- 《JavaScript高级程序设计》笔记
- Javascript编码规范
- 论js结合数学的应用
- javascript 打开新窗口(window.open)
- JavaScript创建函数的几种类型
- Javascript单线程及定时器原理分析(1)
- js常用方法集锦