1.变量:
在JS里不需要声明多种类型比如:String、int、Date等.
var a=10;声明标量同时赋值
var a; a=10;先声明再赋值
a=10; 不声明直接赋值
一般来说必须声明,否则很可能出现问题。
2.数据类型:
undefined: "var a;" 变量a没有初始值
null:表示一个空值,与undeifned相等
注:undefined表示的时一个变量声明后没有赋值,而null表示一个对象 没有东西,或者赋值后再次清空为null,但是在正常使用时两者区别不大
number:代表数字既可以表示整数也可以表示小数, var a=10; var b=10.3;
boolean: 和后台部分没什么区别
String: 被双引号或单引号括起来的文本;
3.typeof(xx)运算符
typeof(xx);返回的是xx的类型 注意:返回Objcet在这里是js里的对象数组和null
4.常用方法:xx.charAt(index);返回在指定位置的字符
xx.indexOf(str,index),查询在xx中第index个str出现的位置,注意这里计算第几个xx从0开始计算,如果没有index默认为第一个
xx.substring(index1,index2),返回位于index1和index2之间的字符串,包括index1本身不包括index2
xx.split(str),以str为标准分割xx为数组,如果没有str则xx内容作为一整个元素放入数组。
5.数组
var a=new Array(size); size为数组a的长度
a[0]=10;进行赋值;
注意数组的长度即使声明时给了长度但是仍然可以改,例如:var a=new Array(4); a[5]=100;长度会自动扩展。
数组常用方法: (1)a.length();数组长度 (2).a.join();将数组中所有数据放入一个字符串中,用分隔符','(逗号)隔开。
(3)a.sort();对数组排序,一般来说时根据编码来排序,如果需要根据数字大小来排序 a.sort(sortNumber);
function sortNumber(a,b){return a-b} ,倒序就是 {return b-a},
需要根据某个字符串排序就是:
var arr = [ {name:'zopp',age:0}, {name:'gpp',age:18}, {name:'yjj',age:8}];
functioncompare(property){return
function(a,b){varvalue1 = a[property];varvalue2 = b[property];returnvalue1 - value2; }}
arr.sort(compare('age'));
(4)a.push(x),在数组末尾添加xx元素,并返回新的长度
6.运算符号:+-*%等等和javaBase部分一样不单独解释
7. 判断语句:if(判断条件)else{}和javaBase部分一样不单独解释
判断语句:switch(){case 1: xxx ;default: xxx;} 和javaBase部分一样不单独解释
8. for() while() 和javaBase部分一样不单独解释
for-in 语句类似与for循环用法案例:
var a={1,2,3,4,5}
for(var i in a){
console.info(a[i])
}
9.注释: 单行 // 多行 /* */
10.输入用prompt('请输入你喜欢的颜色') 可以使用变量接受输入信息
11.断点使用: 谷歌为例 F12 ---source找到想设置的js点进去然后点行号就行
12.函数:说白了就是方法,只不过和java后台写法不同 function 方法名(XX){} XX是参数,根据需求写
js本身提供很多系统函数例如: parseInt(xx) 将xx转换为整数 parseFloat(XX)将XX转化为浮点型
isNaN(xx) 判断xx是否是数字
13.事件:也就达成某些条件后触发某些代码
(1)onclick 鼠标点击
(2)onload 一个页面或图像加载完毕
(3)onmouseover 鼠标i指针移到某元素上
(4)onkeydown(event) 某个键盘按键被按下,event.
(5)onchange 域的内容被改变,比如 input 输入框里的内容被修改
事件的使用方法 例如: <button onclick="方法名“> 或 document.get......().onclick=方法名
点击看各类事件详细使用
14,Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用,函 数不会在事件发生前被执行!,event.key返回按下的键,event.keyCode返回按下的键对应的键码
15.Document 对象每个载入浏览器的 HTML 文档都会成为 Document 对象。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行 访问。
网友评论