欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页

javascript

程序员文章站 2022-03-08 22:55:04
...

javascript基础

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

1、存在形式

1

2

3

4

1、文件形式

    <script src="js/oldboy.js"></script>

2、嵌入html

    <script type='text/javascript'>alert('page');</script>

2、代码块的位置

　　<body>标签内的代码底部

实例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS</title>




</head>
<body>




    <!--method 1 -->
    <script src="js/oldboy.js"></script>
    <!-- method 2 -->
    <script type="text/javascript">
        alert('alex');
    </script>
</body>
</html>

 

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')

事例：

js

//alert('hello');


//js函数
Foo('asdf')
function Foo(args){
	console.log(args);


}

consule 显示asdf  

默认传参数：

//alert('hello');


//js函数
//Foo('asdf')
Foo('asdf','zxc')
function Foo(args){
	var arg2= arguments[1];
	console.log(args);

	console.log(arg2)
}


//显示 asdf 和zxc 如果不传递参数 则会提示第二个未定义；

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

1

2

3

4

5

obj.trim()

obj.charAt(index)

obj.substring(start,end)

obj.indexOf(char)

obj.length

javascript

javascript

javascript

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

注意：字典是一种特殊的数组

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]);

}

7、异常处理

1

2

3

4

5

6

7

try{

    

}catch(e) {

     

}finally{

     

}

上一篇： javascript入门到进阶 - 事件冒泡和事件委托详解

下一篇： 为什么不能用ip访问webpack本地开发环境

推荐阅读