JavaScript（一）

一、JavaScript的基本使用

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
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	域的内容被改变

相关阅读:
【机器学习8】采样
 使用CXF调用WSDL（二）
记录一次wls2上ubuntu20.04版本中安装docker
SQL Server 数据库变成单个用户怎么办
 vue中鼠标移入移出事件种类以及区别
 我是羊了个羊的“游戏设计师”
【实战】使用 Web Animations API 实现一个精确计时的时钟
 python序列化和结构化数据详解
 牛客 ---- 复数乘法
 【深入理解Kotlin协程】CoroutineScope.launch源码追踪扒皮
原文地址：https://blog.csdn.net/jule_zhou/article/details/127075148