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

 

  

posted on 2016-02-03 15:25  人生苦短,python当歌  阅读(258)  评论(0编辑  收藏  举报