JavaScript基础

JavaScript基础

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

 

1、存在形式

1
2
3
4
1 、文件形式
     <script src = "js/j1.js" >< / script>
2 、嵌入html
     <script  type = 'text/javascript' >alert( 'page' );< / script>

 

 

<script type="text/javascript" src="js/j1.js"></script>
<!--调用-->
<script type="text/javascript">
func()              //调用j1.js中的func函数
function show(){    //也可以直接写函数
        
}
</script>

  

 

j1.js

function func(){
    alert('func');      //弹出框
}

 

2、代码块的位置

  <body>标签内的代码底部
       一般是放在body底部,放在因js加载慢影响网页速度

3、变量和函数的声明

1
2
3
4
5
6
7
8
9
10
11
12
1 、全局变量和局部变量
     name =  'alex'
     var name =  'alex'
 
2 、基本函数和自执行函数
     function Foo(arg){
         console.log(arg);
     }
 
     (function (arg) {
         alert(arg);
     })( 'alex' )

 

<script type="text/javascript">
//var name = 'yangmv';    声明局部变量
//name = 'wj';            声明全局变量
function f1(){
        var name = 'yangmingwei';
}
    f1()
    alert(name);
</script>

  

 

传参数

<script type="text/javascript">
function f2(arg){
        alert(arg);
}
    f2('mingwei')
</script>

  

 

自执行函数

<script type="text/javascript">
(function(arg){
        alert(arg);
})("shanghai");
</script>

  

4、字符串常用方法和属性

1
2
3
4
5
obj.trim()   #去除字符串中的空格
obj.charAt(index)  #根据下标获取字符串中的字符
obj.substring(start,end) #根据下标范围取字符串中的字符
obj.indexOf(char)  #根据字符串中的值找下标
obj.length     #计算字符串长度          
 

 

trim去除空格:
JavaScript基础_第1张图片

charAt
JavaScript基础_第2张图片

 

 

5、数组

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
声明,如:
     var array  =  Array() 或 var array  =  []
 
添加
     obj.push(ele)                   追加
     obj.unshift(ele)                最前插入
     obj.splice(index, 0 , 'content' )   指定索引插入
 
移除
     obj.pop()                       数组尾部获取
     obj.shift()                     数组头部获取
     obj.splice(index,count)         数组指定位置后count个字符
 
切片
     obj. slice (start,end)           
 
合并
     newArray = obj1.concat(obj2)   
 
翻转
     obj.reverse()
 
字符串化
     obj.join( '_' )
 
长度
     obj.length


 obj.splice(index,0,'content')

JavaScript基础_第3张图片

 

5、数组-字典
注意:字典是一种特殊的数组
JavaScript基础_第4张图片

6、循环

字符串循环:
1
2
3
4
5
6
7
var  a =  '123456789' ;
for ( var  i=0;i<10;i++){
      console.log(a[i]);
}<br>
for ( var  item  in  a){
      console.log(a[item]);
}

数组循环1
JavaScript基础_第5张图片

数组循环2

字典循环:

JavaScript基础_第6张图片

7、异常处理

1
2
3
4
5
6
7
try {
    代码区
} catch (e) {
    报错区
}finally{
    最后执行区
}
 

 

 

 

你可能感兴趣的:(JavaScript基础)