关于JavaScript的概念做两点说明:
1、它是一种网络脚本语言,用于嵌入到HTML页面中来做Web开发用。
2、它和JAVA半毛钱关系都没有。
如何使用
1、如何在HTML中嵌入
1-1、脚本写在<body>标签内的最底部,也就是</body>的上面。
1-2、直接在页面中定义:<script type=‘text/javascript‘>脚本代码</script>
1-3、作为文件被加载:<script src="JS文件的路径"></script>
1-4、书写规范:
1-4-1、在每条可执行的语句结尾添加分号(;)
1-4-2、注意缩进和添加空格,提高代码可读性
1-4-3、单行注释用// 多行注释用 /*内容*/
2、变量
Javascript的变量的作用域是根据function块来划分的(也就是说以function的一对大括号{ }来划分),for、if等块并不是作用域的划分标准:
function外的变量,不管是全局变量还是局部变量,在当前页面的所有function中都生效
function内的变量,局部变量是只在当前function中生效。全局变量是全局生效。
2-1、全局变量:name = ‘value‘;
2-2、局部变量:var name = ‘value‘;
3、字符串方法
>var name = ‘ value ‘ #定义一个字符串,两边各有一个空格
>name.trim() #去除字符串两边的空格
"value"
>name.charAt(1) #按照索引1获取字符串的第2个值(索引0是第1个值)
"v"
>name.substring(1,3) #按照索引范围获取一个子序列字符串
"va"
>name.indexOf(‘u‘) #查找字符串中字符的索引值
4
>name.length #获取字符串长度
7
4、数组(列表)
>var list = [] 或 var list = Array() #声明数组
#添加
>list.push(1) #追加数字1
>list.push(‘abc‘)
[1, "abc"]
>list.unshift(0) #在最前面插入
[0, 1, "abc"]
>list.splice(2,0,‘def‘) #在索引值2前面插入
[0, 1, "def", "abc"]
#获取(移除)
>list.pop() #获取最后一个值
"abc"
>list
[0, 1, "def"]
>list.shift() #获取第一个值
0
>list
[1, "def"]
list.splice(index,N) #获取从index处开始的N个元素
>list.splice(1,1)
["def"]
>list
[1]
#其他
>list=[1, 2, 3]
>list.slice(0,2) #切片
[1, 2]
>list2=[3,4,5]
>list3=list.concat(list2) #合并
[1, 2, 3, 3, 4, 5]
>list3.reverse() #翻转
[5, 4, 3, 3, 2, 1]
>list3.join(‘_‘) #字符串化
"5_4_3_3_2_1"
>list3.length #长度
6
5、函数(function)
函数分为:
5-1、基本函数:需要通过事件调用才会执行的函数
例子:
<script type="text/javascript"> function Foo(arg){ console.log(arg); } </script>
5-2、自执行函数:当页面框架加载完成后自动执行的函数
例子:
<script type="text/javascript"> (function Foo(arg){ console.log(arg); })(‘test‘) </script>
6、循环
循环分为:
6-1、for:循环代码块一定的次数
例子:
for (var i=0; i<5; i++){ x = "The number is " + i; console.log(x); }
6-2、for/in:循环遍历对象的属性
例子:
var list = [1,2,3,4] for (var i in list){ x = "The number is " + list[i]; console.log(x); }
6-3、while:当指定条件为true时循环指定的代码块
例子:
var list = [1,2,3,4] while(list.length>1){ list.pop() console.log(list); }
6-4、do/while:先执行一次代码,如果条件为true,就会重复这个循环
例子:
var list = [1,2,3,4]; do{ list.pop(); console.log(list); }while(list.length>1);
7、异常处理
语法:
try{
//在这里运行代码
}catch(err){
//在这里处理错误
}finally{
//非必须,若有则不管有无错误都会执行此代码块
}
例子:
try{ var n = m; }catch(err){ console.log(err); }finally{ console.log(‘code is end‘); }
博客的部分内容和思路整理自武沛齐的博客。
本文出自 “一行菜鸟上青天” 博客,请务必保留此出处http://rmeos.blog.51cto.com/761575/1743900
原文地址:http://rmeos.blog.51cto.com/761575/1743900