JS

JavaScript(JS)函数调用的4种方式

上一节我们深入学习了JS函数参数的arguments对象,本节我们将深入学习调用JS函数的4种方式:1. 最简单的方式,作为一个函数被调用:/*作为一个函数被调用*/functionf(){console.log('HelloJS!');}f();//输出“HelloJS!”2.方法调用

JavaScript(JS)字符串详解

在上一节中我们学习了对象,本节我们将深入学习JS中的字符串。字符串是JS中最常用的数据类型之一,它允许我们存储和操作文本数据。那什么是字符串呢?现在流行的编程语言中的"字符串",C/C++里的字符数组,都与JS中的字符串"十分相似"。在JS中,字符串是一种基本数据类型,用于表示文本数据。在JS中,创建字符串的语法格式如下:/*创建一个空字符串*/const

JavaScript(JS)浏览器窗口的相关操作

上一节我们详细讲解了JS中的Cookie,本节我们将学习如何通过JS操作浏览器窗口。浏览器窗口对象对应window对象,由window对象来进行控制。问:如果想要更改浏览器窗口大小和位置,该怎么办?答:很多读者都看到可以使用window.resizeTo()函数来更改浏览器窗口大小,通过window.moveTo()来更改浏览器窗口的位置。可是由于现代浏览器默认禁止脚本修改浏览器窗口大小,所以这个

JavaScript(JS) DOM动态效果与动画

上一节我们详细讲解了表单的验证,包括信息验证、本地存储和动态渲染,本节我们将学习如何通过JS操作DOM实现元素的显示与隐藏、淡入淡出效果、滑动效果和动画效果。下面是针对每个效果的具体实现方法:1. 元素的显示和隐藏。显示元素:设置元素的style.display属性为"block"、"inline"或其他合适的值。例如:element.style.displ

JavaScript(JS)typeof()函数详解

上一节我们学习了JS中的6大基本数据类型,本节我们将学习JS语法中的typeof()函数。当我们有一个未知变量,并且我们想知道它是什么数据类型时,我们就可以通过typeof函数来进行检测了。typeof()函数的语法格式如下:/*填入变量参数后,该函数会返回一个字符串,表示参数的数据类型*/typeof(变量)下面我们分别通过typeof()函数俩检测这6大基本数据类型:<!DOCTYPE

JavaScript(JS)动画

上一节我们初步认识了JS中的window对象,本节我们将学习JS动画。JS动画是一种使用JS编程语言创建动态和交互式动画的方法。JS动画可以通过许多不同的方法实现,包括使用HTML5的Canvas,SVG,或者使用第三方库如GreenSock, anime.js等。一般来说,创建JS动画会经过以下几个基本步骤:步骤内容总述具体内容1. 规划动画类型明确动画目标与需求• 基础变换:位移、旋转、缩放•

JavaScript(JS)函数表达式详解

上一节我们详细介绍了JS函数相关的基础知识,本节我们将更加详细地介绍JS函数,进入函数表达式的学习。什么是函数表达式?就像简单的变量赋值一样,我们把函数当作“值”一样赋值给变量,让变量不再拘泥于数据存储,反而使得变量具有函数的功能。/*这里使得变量f具有函数的功能*/constf=function(a,b){returna+b}con

JavaScript(JS)运算符详解

上一节我们详细讲解了JS中的七种基本数据类型,本节我们将学习JS语法的运算符知识。在 JS 中,运算符是用于执行各种操作的符号,它们可以对变量和值进行数学运算、比较、逻辑判断等操作。JS 中的运算符主要分为以下六大类:1. 算术运算符:(用于执行基本的数学运算)运算符描述示例+加法let sum = 5 + 3// 8-减法let diff = 5 - 3// 2*乘法let product =

JavaScript(JS)进行逻辑判断

上一节我们简单演示了JS的DOM操作,本节我们将展示JS也能进行逻辑判断。JS是一门脚本编程语言,不过是弱语言类型,但是能够进行完整的逻辑判断,具有”编程“能力。比如,我们可以通过JS输输出水仙花数(一个三位数,各个数的立方和等于该数被称为水仙花数)。<!DOCTYPEhtml><htmllang="en"><head&

JavaScript(JS)类继承

上一节我们详细介绍了JS中类的方法,包括实例方法和静态方法,本节我们将学习JS类中的继承。什么是类的继承?答:使用extends关键字:通过在子类的类声明中使用extends关键字,可以指定子类继承自哪个父类。比如/*JS中类的继承*/classBase//父类{constructor