一生莫轻舞，一舞一生苦

JavaScript

在js中定义一个函数。

1 function func_name(){
2     alert('func_name');
3 }

在写每行js语句的最后，一定要加分号“;”

在html文件中导入js文件

1 <head lang="en">
2     <meta charset="UTF-8">
3     <title></title>
4     <script type="text/javascript" src="js1.js"></script>  #导入js文件
5     
6 </head>

javascript在html文件中的执行方式

 1 <head lang="en">
 2     <meta charset="UTF-8">
 3     <title></title>
 4     <script type="text/javascript" src="js1.js"></script>
 5     <script type="text/javascript">
 6         func_name()    调用执行
 7         function show(){    本地定义函数执行
 8             alert('12345');
 9         }
10         show()
11     </script>
12 </head>

javascript在html文件中的存放位置

一般浏览器会从上往下执行，如果js的文件在html的上部，那么就可能加载的缓慢，无法及时展示后面的内容，所有在存放js文件内容时，一般会放在紧贴body的底部位置。

<body>


    <script type="text/javascript" src="js1.js"></script>
    <script type="text/javascript">
        func_name()
        function show(){
            alert('12345')
        }
        show()
    </script>
</body>

js的注释方法：

单行注释用//

多行注释用/* 内容 */

 1 单行注释：
 2 //        function show(){
 3 //            alert('12345')
 4 //        }
 5 //        show()
 6 
 7 多行注释：
 8       /*  function show(){
 9             alert('12345')
10         }
11         show() */

声明一个变量

1 局部变量
2 var name='chenchao'  
3         
4 全局变量，一般不要写全局变量
5 name = 'zhangsan'

JS里的自执行函数

1 (function f1(arg){   声明函数 （）
2      alert(arg);
3 })("This is funcF1!");     执行函数  （）

字符串的处理

1 obj.trim()   修剪，去除两边的空格
2 obj.charAt(index)  获取索引的一个字符
3 obj.substring(start,end)   获取范围内索引的字符串
4 obj.indexOf(char)    获取某个字符的索引值
5 obj.length    字符串的长度

数组（列表）的处理

在js中数组就相当于python中的列表

 1 声明：
 2 w = []
 3 
 4 
 5 添加：
 6 w.push()  追加一个元素
 7 w.unshift("before")    最前端插入
 8 w.splice(2,0,"after")   在指定索引位置插入元素 2：索引 0:固定的  "after":插入的元素
 9 
10 
11 删除：
12 w.pop()    尾部删除
13 w.shift()   头部删除
14 w.splice(index,count)   从指定的索引位置开始删除，count：要删除的个数
15 
16 切片
17 w.slice(start,end)   
18 
19 
20 合并
21 a.concat(b)   两个列表合并
22 
23 
24 翻转
25 a.concat(b)   
26 
27 
28 字符串拼接
29 a.join("|")
30 
31 
32 列表的长度
33 a.length

字典的操作

1 声明:
3 a = {k1: 123, k2: 234, k3: 456}
4 
5 根据key找到value
6 
7 a['k1']
8 123

JS里的循环

 1 第一种：
 2 
 3 循环列表
 4 w=[11,22,33,44,55]
 5 
 6 for(var it in w){
 7 console.log(w[it]);
 8 };
 9 
10 循环字典：
11 
12 a={k1:123,k2:234,k3:456}
13 
14 for(var it in a){
15 console.log(a[it]);
16 };
17 
18 
19 第二种：
20 
21 
22 for(var i=0;i<w.length;i++){  可以改变i的数值，从而改变索引的位置
23 console.log(i);
24 };
25  0
26  1
27  2
28  3
29  4

异常处理

try{
    代码块
}catch(e) {
     异常对象
}finally{
     最终执行
}

Dom

Dom是js的内置模块，可以操作html的所有标签

jQuery 属于开源模块，是对js和Dom的封装

常用事件：

在A标签上加样式，当鼠标放上去之后不会显示下划线

text-decoration:none