博客
关于我
3.JavaScript
阅读量:792 次
发布时间:2019-03-25

本文共 1685 字,大约阅读时间需要 5 分钟。

JavaScript基础语法

JS是一种弱类型脚本语言,广泛应用于网页的动态表现。

1. 变量

JS变量声明使用var,且颜色无类型,灵活性较高,但需要开发者在使用时做好类型判断。

例子:

var a = undefined; // 默认为undefined

typeof运算符用于判断变量类型:

document.write(typeof a + "
")

1.1 数组

JS数组支持动态操作,可以通过索引赋值、push、pop等方法来操作元素。

数组索引从0开始:

var arr = [1,2,3]; document.write(arr[0] + "
")

添加元素:arr.push(4); 修改元素:arr[1] = 5;

删除元素:delete arr[2];

1.2 运算符

JS运算符分为逻辑运算符、关系运算符、自增自减运算符和赋值运算符。

逻辑运算符

名称 符号 描述
&& 左右表达式同时为true时,结果为true。
|| 左右表达式至少有一个为true时,结果为true。
! 将表达式的值取反,true变false,false变true。

关系运算符

名称 符号 描述
等于 == 比较两个值是否相等
不等于 != 比较两个值是否不相等
大于 > 左边值大于右边值
小于 < 左边值小于右边值
大于或等于 >= 左边值大于或等于右边值
小于或等于 <= 左边值小于或等于右边值
值和类型相同 === 比较值和类型是否完全相同

1.3 自增自减运算符

自增:++ 后置,变量值递增后再返回新值

自减:-- 前置,变量值递减后再返回新值

var x = 5; var y = x++;
var z = --y;

1.4 赋值运算符

赋值运算符用于变量赋值,支持+=、-=、/=等操作符两边结合。

var a = 1; a += 2;
var b = 10; b *= 2;

1.5 三目运算符

用于条件判断,结构为conditional ? expression1 : expression2

var result = condition ? 'true' : 'false';

2. 函数

2.1 函数分类

1. 无参数无返回值:函数名();

2. 有参数无返回值:function funcName(param1, param2) {}

3. 有参数有返回值:function funcName(param1, param2) { return value; }

2.2 弹窗函数

1. alert:显示警告框,用户需要点击确认后才继续

2. confirm:显示确认框,返回true或false

3. prompt:显示输入框,用户输入后返回值或null

alert('信息提示');

2.3 系统预定义函数

1. parseInt:将数字字符串转换为整数

2. parseFloat:将数字字符串转换为浮点数

示例:

var num = '123'; num = parseInt(num); document.write(num + "
")

3. 事件

3.1 事件的使用

事件是JS与HTML交互的桥梁,常用事件包括onchange、onclick、onload等。

示例:

<select onchange="change()"></select>
function change() { alert('选中值变化)'; }

3.2 提交事件

onsubmit事件用于表单提交时调用指定脚本,常用于前端验证。

<form onsubmit="alert('提交处理)"> ... </form>

3.3 字符串常用函数

String.prototype的方法与JS中类似,提供了多种字符串操作功能。

var str = 'hello'; console.log(str.toUpperCase()); // HELLO console.log(str.concat(' world')); // hello world

转载地址:http://clsuk.baihongyu.com/

你可能感兴趣的文章
mysql8 配置文件配置group 问题 sql语句group不能使用报错解决 mysql8.X版本的my.cnf配置文件 my.cnf文件 能够使用的my.cnf配置文件
查看>>
MySQL8.0.29启动报错Different lower_case_table_names settings for server (‘0‘) and data dictionary (‘1‘)
查看>>
MYSQL8.0以上忘记root密码
查看>>
Mysql8.0以上重置初始密码的方法
查看>>
mysql8.0新特性-自增变量的持久化
查看>>
Mysql8.0注意url变更写法
查看>>
Mysql8.0的特性
查看>>
MySQL8修改密码报错ERROR 1819 (HY000): Your password does not satisfy the current policy requirements
查看>>
MySQL8修改密码的方法
查看>>
Mysql8在Centos上安装后忘记root密码如何重新设置
查看>>
Mysql8在Windows上离线安装时忘记root密码
查看>>
MySQL8找不到my.ini配置文件以及报sql_mode=only_full_group_by解决方案
查看>>
mysql8的安装与卸载
查看>>
MySQL8,体验不一样的安装方式!
查看>>
MySQL: Host '127.0.0.1' is not allowed to connect to this MySQL server
查看>>
Mysql: 对换(替换)两条记录的同一个字段值
查看>>
mysql:Can‘t connect to local MySQL server through socket ‘/var/run/mysqld/mysqld.sock‘解决方法
查看>>
MYSQL:基础——3N范式的表结构设计
查看>>
MYSQL:基础——触发器
查看>>
Mysql:连接报错“closing inbound before receiving peer‘s close_notify”
查看>>