1、js
js是一种编程语言,主要是让页面动起来,js与java没有半毛钱的关系;
因为js与python比较相似,所以基础的好多都是一样的;
2、js文件的存储位置
:js文件在HTML中写的时候,放到<body>...</body>的最后;
格式如下:
<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>页面一</title> <style> </style> </head> <body> <script src = 'js/Jquery.js'></script> <!-- 这里是引入Jquery库 --> <script type = 'text/javascript'> <!-- 这里面是写js代码;也可以在其他地方写js代码,引入进来 </script> </body> </html>
3、js变量
(1)、js中单引号和双引号没有任何区别;js中代码可以放到一行,所以末尾加上;为好;
(2)、alert():是以输出框的形式打印;比较繁琐,一般不用;
console.log():是以控制台的形式打印;调试什么都比较方便,一般用的是这种打印方式;
(3)、var的区别
name = 'abc' //全局变量 var name = 'abc' //局部变量
在看其本质:
name = 'abc' <==> window.name = 'abc';这就是全局变量,window是一个全局对象;
以后再写全局变量时,加上window.就可以很清楚的区分全局变量和局部变量;
4、js函数
js函数的调用位置可以在函数定义之上/之下。
(1)、构造函数
Fun('alex'); function Fun(){ name = arguments[0]; //尽量不要用构造参数 var arg2 = arguments[1]; //构造默认参数 console.log(name); console.log(arg2); return; }
js函数的接收默认参数,若没有接收到的是:undefine;
(2)、匿名函数
var temp = function(){ //匿名函数 }
(3)、自执行函数
(function(name){ //自执行函数,不用进行函数调用,就可以直接执行 console.log(name); })('abc') //这里是参数传递
5、js字符串
常用字符串的方法:
(1)、obj.trim();
var str = ' abc '; str.trim(); //trim()方法就是去掉字符串的前后空格
(2)、obj.charAt(index);
var str = 'abc'; str.charAt(0); //结果'a';charAt()方法根据下标获取字符 str.charAt(100); //超出索引,为''
(3)、obj.substring(start, end);
var str = 'abcd'; str.substring(1, 3); //结果:'bc' 包含左边,不包含右边;获取子串
(4)、obj.indexOf(char);
var str = 'abcd'; str.indexOf('a'); //结果:0,没找到返回-1;
(5)、obj.length
var str = 'abc' str.length //结果:3;得到字符串的长度;
6、js数组
(1)、在js中数组的声明有2种方式:
var array = [1, 2, 3, 4,]; //直接声明数组 var array = Array(1, 2, 3, 4, 5); //利用数组对象声明数组
(2)、数组添加方法
var array = Array(1, 2, 3, 4, 5); array.push('alex'); //添加元素到数组的最后 array.unshift('old'); //添加元素到0位置 array.splice(1, 0, 'boy'); //添加元素到1位置 array.splice(100, 0, 8); //0代表:只插入,不删除,超过范围,自动补到最后一个位置即可; //splice()的第2个参数不为0的时候;index;删除个数;替换的内容
(3)、特别注意
array[100] = 10; 这个才是下标为100处的赋值; console.log(array); //打印的是整个数组元素 array.splice(100, 0, 'haodehen') //不会添加到100下标处,只是追加到最后 console.log(array); console.log(array[100]) //打印下标为100处的值,前面都是没有定义的(空着呢)
(4)、数组删除方法
obj.pop(); //删除数组中的最后一个元素
obj.shift(); //删除数组中的第一个元素
obj.splice(index, count); //从下标为index开始,一共删除几个元素
(5)、其他方法
obj.slice(start, end); //截取
obj1.concat(obj2); //合并
obj.reverse(); //翻转
obj.join('_'); //字符串化
obj.length //数组长度
7、js中的循环
一般常用的是2种for循环
var array = [11, 22, 33, 44, 55]; var dict = {'name':'alex', 'age':19} //字典 由(key--value) for(var item in array){ //在js中这个变量item取得是下标(索引/键) console.log(item); } for(var item in dict){ //对于这种循环的遍历,看起来简洁,当为字典遍历时只能用这个循环来遍历,每次取得键,就可得相应的值。 console.log(dict[item]); //通过这个才打印出value } for(var i = 0; i < 10; i++){ //这个for()循环很熟悉了,针对的是数组的遍历 console.log(dict[i]); }
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。