《使用jQuery快速高效制作网页交互特效》Lesson1 JavaScript基础

最新推荐文章于 2018-04-19 21:55:05 发布

oJustinBieberk

最新推荐文章于 2018-04-19 21:55:05 发布

阅读量878

点赞数 1

分类专栏：总结

本文链接：https://blog.csdn.net/weixin_40716583/article/details/79952560

版权

总结专栏收录该内容

6 篇文章 0 订阅

订阅专栏

什么是JavaScript？

——JavaScript 是一种描述性语言，也是一种基于对象（Object）和事件驱动（Event Driven）的，并具有安全性能的脚本语言。

JavaScript的特点

JavaScript主要用来在HTML页面中添加交互行为。

JavaScript是一种脚本语言，语法和Java类似。

JavaScript一般用来编写客户端的脚本。

JavaScript是一种解释性语言，边执行边解释。

JavaScript的组成

JavaScript
ECMAScript	BOM	DOM

JavaScript的基本结构

JavaScript 语句;

</script>

示例1：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>初学 JavaScript</title>
</head>
<body>
<script type="text/javascript">
    document.write("初学 JavaScript");
    document.write("<h1>Hello，JavaScript</h1>");
</script>
</body>
</html>

JavaScript的执行原理

在网页中引用JavaScript的方式

JavaScript作为客户端程序，嵌入网页时有以下三种方式：

1.内部JavaScript文件。

如示例1。

2.使用外部JavaScript文件。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>初学 JavaScript</title>
</head>
<body>
<script type="text/javascript" src="js/export.js">

</script>
</body>
</html>

/*exprot.js 文件代码*/
document.write("初学 JavaScript");
document.write("<h1>Hello，JavaScript</h1>");

3.直接在HTML标签中。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>初学 JavaScript</title>
</head>
<body>
<input name="btn" type="button" value="弹出消息框" οnclick="javascript:alert('欢迎你')">
</body>
</html>

JavaScript的核心语法

变量的声明和赋值

JavaScript是一种弱类型语言，没有明确的数据类型，也就是说，在声明变量时，不需要指定变量的类型，变量的类型由赋给变量的值决定。在JavaScript中，变量是使用关键字var声明的。

语法：

var 合法的变量名;

数据类型

→undefined（未定义类型）

→null（空类型）

→number（数值类型）

→String（字符串类型）

→boolean（布尔类型）

typeof运算符

typeof运算符是用来判断一个值或变量究竟属于哪种数据类型。

语法：

typeof(变量或值)

返回结果有以下几种：

1.undefined（undefined）

2.number（number）

3.String（String）

4.boolean（boolean）

5.object（null或变量是一种引用类型）

String对象常用方法
方法	描述
indexOf(str,index)	查找某个指定的字符串在字符串中首次出现的位置
charAt(index)	返回在指定位置的字符
toLowerCase()	把字符串转化为小写
toUpperCase()	把字符串转化为大写
substring(index1,index2)	返回位于指定索引index1和index2之间的字符串，并且包括索引index1对应的字符，不包括索引index2对应的字符
split(str)	将字符串分割为字符串数组

数组

1.创建数组

语法：

var 数组名称 = new Array(size);

2.为数组元素赋值

语法：

var fruit = new Array("apple","orange","peach","banana");

或

    var fruit = new Array(4);
    fruit[0] = "apple";
    fruit[1] = "orange";
    fruit[2] = "peach";
    fruit[3] = "banana";

也可

    var fruit = ["apple","orange","peach","banana"];

数组的常用方法和属性
类别	名称	描述
属性	length	设置返回数组中元素的数目
方法	join()	把数组的所有元素放入一个字符串，通过一个分隔符进行分隔
方法	sort()	对数组排序
方法	push()	向数组末尾添加一个或多个元素，并返回新的长度

运算符号

常用的运算符
类别	运算符号
算术运算符	+、-、*、/、%、++、--
比较运算符	>、<、>=、<=、==、！=、===、！==
逻辑运算符	&&、\|\|、！
赋值运算符	=、+=、-=

逻辑控制语句

1.条件结构

1)if结构

语法：

if(表达式){
  //JavaScript语句1;
}
else{
  //JavaScript语句2;
}

2)switch结构

语法：

    switch (表达式){
        case 值1：
            //JavaScript 语句1；
            break;
        case 值2：
            //JavaScript 语句21；
            break;
        ...
        default:
        //JavaScript 语句n;
        break;
    }

2.循环结构

1)for循环结构

语法：

for(初始化;条件;增量或减量){
    //JavaScript语句;
}

2)while循环语句

语法：

while (条件){
    //JavaScript语句;
}

3)do-while循环语句

语法：

do {
    //JavaScript语句;
}while(条件);

4)for-in循环

for(变量 in 对象){
    //JavaScript语句;
}

5)中断循环

break;
continue;

常用的输入/输出

1.警告（alert）

语法：

alert("提示信息");

2.提示（prompt）

语法：

prompt("提示信息","输入框的默认信息");

常用系统函数

1.parseInt函数可解析一个字符串，并返回一个整数。

语法：

parseInt("字符串");

2.parseFloat()函数可解析一个字符串，并返回一个浮点数。

语法：

parseFloat("字符串");

3.isNaN()函数用于检查其参数是否是非数字。

语法：

isNaN(x);

自定义函数

1.定义函数关键字function

语法：

function 函数名(参数1, 参数2, 参数3, ...){
    //JavaScript语句;
    [return 返回值]
}

2.调用函数

语法：

事件名 = "函数名()";

oJustinBieberk

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录