JavaScript（一）

最新推荐文章于 2024-08-19 15:26:06 发布

jule_zhou

最新推荐文章于 2024-08-19 15:26:06 发布

阅读量333

点赞数

分类专栏： # JavaScript # HTML5 前端文章标签： javascript 原型模式前端

本文链接：https://blog.csdn.net/jule_zhou/article/details/127075148

版权

前端同时被 3 个专栏收录

15 篇文章 0 订阅

订阅专栏

HTML5

8 篇文章 0 订阅

订阅专栏

JavaScript

7 篇文章 1 订阅

订阅专栏

一、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	域的内容被改变

jule_zhou

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript（一）

JavaScript的基本使用js中的变量在js中的变量变量定义的方式js中的数据类型typeof运算符String类型的说明创建方式String 对象的常用属性String对象的常用方法数组创建数组数组的常用属性和方法运算符号逻辑控制语句常用的输入/输出程序调试常用系统函数自定义函数定义函数调用函数事件
复制链接

扫一扫