JavaScript的基础知识

本文介绍了JavaScript的基础知识,包括JavaScript的用途、与HTML/CSS的关系,以及JavaScript的语句、注释和变量。重点讲解了ECMAScript的定义和作用,以及DOM和BOM对象在JavaScript中的应用。此外,还详细阐述了一次性计时器setTimeout()和间隔性定时器setInterval()的使用方法和清除技巧,是学习JavaScript的入门指南。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.JavaScript简介

以下注解可作为拓展材料:

1、脚本语言又被称为扩建的语言,或者动态语言,是一种编程语言,用来控制软件应用程序,脚本通常以文本(如ASCII)保存,只在被调用时进行解释或编译。

2、汇编语言(assembly language)是一种用于电子计算机微处理器微控制器或其他可编程器件的低级语言,亦称为符号语言。在汇编语言中,用助记符代替机器指令操作码,用地址符号或标号代替指令或操作数的地址。在不同的设备中,汇编语言对应着不同的机器语言指令集,通过汇编过程转换成机器指令。特定的汇编语言和特定的机器语言指令集是一一对应的,不同平台之间不可直接移植。

3、机器语言是机器能直接识别的程序语言或指令代码,勿需经过翻译,每一操作码在计算机内部都有相应的电路来完成它,或指不经翻译即可为机器直接理解和接受的程序语言或指令代码。机器语言使用绝对地址和绝对操作码。不同的计算机都有各自的机器语言,即指令系统。从使用的角度看,机器语言是最低级的语言。

4、高级语言(High-level programming language)相对于机器语言(machine language)是一种指令集的体系。在这种语言下,其语法和结构更类似汉字或者普通英文,且由于远离对硬件的直接操作,使得一般人更容易学习。高级语言通常按其基本类型、代系、实现方式、应用范围等分类。

为何学习 JavaScript

JavaScript 是 web 开发者必学的三种语言之一:

Ø HTML:定义网页的内容;

Ø CSS:规定网页的布局/样式;

Ø JavaScript:对网页行为进行编程;

JavaScript的应用:淘宝的搜索功能、团立方中的轮播图、产品经理建立项目等等。

JavaScript组成

Ø ECMAScript:JavaScript语法和基本对象

Ø DOM:文档对象模型

Ø BOM:浏览器对象模型

注:ECMAScript当前最新版本为ES6版本;

2.JavaScript语句、注释、变量

1.JavaScript 语句是发给浏览器的命令,这些命令的作用是告诉浏览器要做的事情。

每一句JavaScript代码格式: 语句;

例:alert("hello!");就是一个JavaScript语句

2.JavaScript-注释很重要

注释可分为单行注释与多行注释两种

单行注释,在注释内容前加符号 " // "

多行注释以"/* "开始,以" */ "结束

3.变量

什么是变量?

什么是变量? 从字面上看,变量是可变的量;从编程角度讲,JavaScript 变量是存储数据值的容器。我们可以把变量看做一个盒子,盒子用来存放物品,物品可以是衣服、玩具、水果...等。

给变量取个名

我们为了区分盒子,可以用box1,box2等名称代表不同盒子,box1就是盒子的名字(也就是变量的名字);

注意:变量名字可以任意取,只不 过取名字要遵循一些规则:

1.必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号和数字。

例如:mysum , _mychar , $numa198

2.变量名区分大小写,如:A与a是两个不同变量。

3.不允许使用JavaScript关键字和保留字做变量名(详细可参考W3C学习手册)。

例如:class,if,for,......

            

            

 

强类型语言:

数值数据变量 int

浮点型:float donble(双精度);

字符串变量:string;

布尔类型变量:bool; (true false 一真一假)

3.JavaScript基础

1 document.querySelector()

 

 

4.JavaScript BOM对象

1.JavaScript简介

在JavaScript中,我们可以在设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。计时器类型:

①一次性计时器:仅在指定的延迟时间之后触发一次。

②间隔性触发计时器:每隔一定的时间间隔就触发一次。

方法

描述

setTimeout()

指定的延迟时间之后来执行代码

clearTimeout()

取消setTimeout的设置

setInerval()

每隔指定的时间执行代码

clearInerval()

取消setInerval的设置

2. 一次性计时器setTimeout()

setTimeout()计时器,在载入后延迟指定时间后,去执行一次表达式,仅执行一次。

语法:setTimeout(代码,延迟时间);

参数说明:

1.要调用的函数或要执行的代码串。

2.延时时间:在执行代码前需等待的时间,以毫秒为单位(1s=1000ms)。

递归 :程序调用自身的编程技巧称为递归(recurdion),就是在运行的过程中调用自己

取消计时器clearTimeout()

setTimeout()和clearTimeout()一起使用,停止计时器。

语法:clearTimeout(id_of_setTimeout)

参数说明:id_of_setTimeout:由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。

3. 间隔性定时器setInterval()

计时器setInterval():在执行时,从载入页面后每隔指定的时间执行代码。

语法:setInterval(代码,交互时间);

参数说明:

\1. 代码:要调用的函数或要执行的代码串。

\2. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)。

返回值:一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。

调用函数格式(假设有一个clock()函数)

setInterval("clock()",1000)或setInterval(clock,1000)

取消计时器clearInterval()

clearInterval() 方法可取消由 setInterval() 设置的交互时间。

语法:clearInterval(id_of_setInterval)

参数说明:id_of_setInterval:由 setInterval() 返回的 ID 值。

每隔 100 毫秒调用 clock() 函数,并显示时间。当点击按钮时取消定时

以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值