目录
一、JavaScript的基本使用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
内部引用
<button onclick="alert('按钮被点击了!')">按钮</button>
使用javascript标签
<script type="text/javascript">
alert("使用javascript标签")
</script >
外部引用
<script src="" type="javascript"></script>
</body>
</html>
这时一个(.css)的文件,与上面的文件放在一个文件里
alert('外部引用')
二、js中的变量
1.在js中的变量
变量类型 | 作用域 | 是否可以被重新赋值 |
---|---|---|
var | 作用域为函数 | 是 |
let | 作用域为块 | 是 |
const | 作用域为块 | 否 |
2.变量定义的方式
第一种:
// 先声明
var a;
// 再赋值
a = 1;
第二种:(常用)
// 声明并赋值
var a = 1;
第三种:(不推荐)
// 不声明直接赋值
a = 1;
3.js中的数据类型
数据类型 | 名称 |
---|---|
undefined | 变量没有初始值,将被赋予值undefined |
null | 表示一个空值,与undefined值相等 |
number | var iNum=23; //整数 var iNum=23.0; //浮点数 |
boolean | true和false |
string | 一组被引号(单引号或双引号)括起来的文本var string1=“This is a string”; |
4.typeof运算符
作用:返回一个用来表示表达式的数据类型的字符串
返回结果 | 表达式类型 |
---|---|
undefined | 变量被声明后,但未被赋值 |
string | 用单引号或双引号来声明的字符串 |
boolean | true或false |
number | 整数或浮点数 |
object | javascript中的对象、数组和null |
三、String类型的说明
1.创建方式
//声明方式1
var str1=“this is a String Object”;
//声明方式2
var str2=new String(“熟悉的配方”);
2.String 对象的常用属性
属性 | 描述 |
---|---|
constructor | 对创建该对象的函数的引用 |
length | 字符串长度 |
prototype | 允许向对象添加属性和方法 |
3.String对象的常用方法
方法名称 | 说明 |
---|---|
charAt(index) | 返回在指定位置的字符 |
indexOf(str,index) | 查找某个指定的字符串在字符串中首次出现的位置 |
substring(index1,index2) | 返回位于指定索引index1和index2之间的字符串,并且包括索引index1对应的字符,不包括索引index2对应的字符 |
split(str) | 将字符串分割为字符串数组 |
四、数组
1.创建数组
var 数组名称 = new Array(size);
var 数组名称 = [变量1,变量2,…];
// 定义一
var sArr = new Array(4);
sArr [0] = " apple ";
sArr [1] = " orange ";
sArr [2] = " peach ";
sArr [3] = " banana ";
// 定义二
var bArr = [1,2,3,4];
2.数组的常用属性和方法
类别 | 名称 | 描述 |
---|---|---|
属性 | length | 设置或返回数组中元素的数目 |
方法 | join( ) | 把数组的所有元素放入一个字符串,通过一个的分隔符进行分隔 |
方法 | sort() | 对数组排序 |
方法 | push() | 向数组末尾添加一个或更多 元素,并返回新的长度 |
五、运算符号
类型 | 运算符 |
---|---|
算术运算符 | + , - , * , / , %, ++, - - |
赋值运算符 | = , +=, -= |
比较运算符 | >, < , >= , <= , == , != , === , !== |
逻辑运算符 | && , |
六、逻辑控制语句
逻辑语句 | 说明 |
---|---|
if | 条件语句 |
switch | 多分支语句 |
for、while | 循环语句 |
for-in |
跳转语句
break
continue
七、常用的输入/输出
语句 | 使用 |
---|---|
alert() | alert(“提示信息”); |
prompt() | prompt(“提示信息”, “输入框的默认信息”); prompt(“请输入你喜欢的颜色”,“红色”); prompt(“请输入你喜欢的颜色”,“”); |
八、程序调试
方法1:Chrome开发人员工具
停止断点调试
单步调试,不进入函数体内部
单步调试,进入函数体内部
跳出当前函数
禁用所有的断点,不做任何调试
方法2:alert()方法
九、常用系统函数
parseInt (“字符串”):将字符串转换为整型数字
如: parseInt (“86”)将字符串“86“转换为整型值86
parseFloat(“字符串”):将字符串转换为浮点型数字
如: parseFloat(“34.45”)将字符串“34.45“转换为浮点值34.45
isNaN():用于检查其参数是否是非数字
十、自定义函数
1.定义函数
function 函数名(参数1,参数2,参数3,…){
//JavaScript语句
[return 返回值]
}
function s(time,num){
//JavaScript语句
return time;
}
2.调用函数
函数调用一般和表单元素的事件一起使用,调用格式
事件名= “函数名( )” ;
<button onlick = "s()">按钮</button>
十一、事件
名称 | 说明 |
---|---|
onload | 一个页面或一幅图像完成加载 |
onlick | 鼠标单击某个对象 |
onmouseover | 鼠标指导移到某元素上 |
onkeydown | 某个键盘按键被按下 |
onchange | 域的内容被改变 |