1 JavaScript概述
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
(1)存在形式
第1种:JavaScript语句直接嵌入HTML中
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>Title</title>
6 </head>
7 <body>
8 <!--定义函数和调用函数-->
9 <script type="text/javascript">
10 function func(){
11 alert('警告!')
12 }
13 // 调用函数
14 func()
15 </script>
16
17 </body>
18 </html>
第2种:JavaScript语句单独以文件形式存在,然后在HTML文件中导入
//js文件
1 function func()
2 {
3 alert('提示'); //弹框
4 }
<!--HTML文件-->
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>Title</title>
6 </head>
7 <body>
8 <!--导入js文件-->
9 <script type="text/javascript" src="js.js"></script>
10 <script>
11 // 执行js文件中的函数
12 func()
13 </script>
14
15 </body>
16 </html>
注意:JavaScript语句以分号结束,单行注释为“//”,多行注释为“/**/”。
(2)JavaScript代码在HTML文件中的位置
<body></body>标签内的代码底部
2 JavaScript基本语法
2.1 变量
1 //(1)全局变量 2 name='jerry'; 3 //(2)局部变量 4 var name='jerry';
2.2 函数
1 //基本函数定义
2 function foo(arg){
3 console.log(arg);
4 }
5 //函数调用
6 foo("基本函数")
7
8 //匿名函数
9 var f2 = function(arg){
10 alert(arg);
11 }
12 //函数调用
13 f2("匿名函数");
14
15 //自执行函数,注意括号
16 (function (arg) {
17 alert(arg);
18 })("自执行函数")
2.3 字符串常用方法和属性
1 obj.trim() //去除字符串两边空格
2 obj.trimLeft() //去除字符串左边空格
3 obj.trimRight() //去除字符串右边空格
4
5 obj.indexOf(c) //查找字符的索引
6 obj.charAt(index) //查找索引对应的字符
7
8 obj.substring(start,end) //字符串切片
9
10 obj.length //字符串的长度,注意没有括号,对象的属性
2.4 数组基本操作
1 //数组声明,如:
2 var array = Array() 或 var array = []
3 //添加元素
4 obj.push(ele) //追加
5 obj.unshift(ele) //最前插入
6 obj.splice(index,0,'content') //指定索引插入,第2个参数必须为0
7 //移除元素
8 obj.pop() //数组尾部获取
9 obj.shift() //数组头部获取
10 obj.splice(index,count) //数组指定位置后count个字符
11 //数组切片
12 obj.slice(start,end)
13 //数组合并
14 newArray=obj1.concat(obj2)
15 //数组翻转
16 obj.reverse()
17 //数组转换为字符串
18 obj.join('连接符') //python中为'连接符'.join(obj)
19 //数组长度
20 obj.length
21 //字典(特殊数组)
22 obj={'key':'value'} //注意与Python的区别,这里的引号可加可不加
23 obj.key //字典取值
24 Object {k1:"v1"} //Object类型的字典
2.5 循环
1 //JavaScript中字符串、数组(包括字典)都是集合,查看集合的内容,通过循环
2 var a = '123456789';
3 //第1种循环方式
4 for(var i=0;i<10;i++){
5 console.log(a[i]);
6 }
7 //第2种循环方式
8 for(var item in a){
9 console.log(a[item]);
10 }
2.6 异常处理
1 //try...catch...finally为异常捕获,其中e为异常原因
2 try{
3 var m = n;
4 }catch(e){
5 console.log(e);
6 }finally{
7 console.log("finally");
8 }
参考资料:
http://www.cnblogs.com/wupeiqi/articles/4457274.html