JavaScript教程
文章平均质量分 52
皮皮溫
这个作者很懒,什么都没留下…
展开
-
let变量声明以及声明特性
let的作用是声明变量,而声明变量有什么特性呢?原创 2022-09-19 16:15:26 · 307 阅读 · 0 评论 -
Javascript this对象
This表示的当前的一个对象, 它是通过 this的指向来调用上下文来决定的,当默认情况下便会指向window,指向window时可以不写。我们来演示一下实例当我们输出this的时候,控制台就会输出window。实例输出 全局环境 全局环境的可以理解成在<script> </script>里面(可以参照上方实例),这里的this的意思就是指向window 全局环境 全局环境的可以理解成在<script> </scri.原创 2021-09-08 21:06:41 · 86 阅读 · 0 评论 -
JavaScript构造函数
构造函数构造函数就是一个函数,创建的方式也没有什么不同。而构造函数的不同在于构造函数的首字母必须是大写,还有就是调用的方式不一样,普通的函数是直接调用,而构造函数则是用new关键字来调用。构造函数的应用当我们想要录用学生信息的时候,我们需要创建一下对象,如图如图所示,当我们需要把每一个学生的信息当做一个对象来处理,这时我们就会发现我们要重复无数次创建name、age、sex、hobby对象。选择构造函数的优势就体现出来了,通过上图我们发现每个学生都有name、age、s.原创 2021-08-26 21:36:21 · 84 阅读 · 0 评论 -
JavaScript函数
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块函数的定义:JavaScript函数是包裹在花括号中的代码块,花括号前面加了关键词function,当我们调用该函数时就会执行代码。如图所示注意!对于JavaScript来说,对于大小写非常的敏感,所以我们的关键词function必须要小写,并且必须以与函数名称相同的大小写来调用函数。实例通过手动点击按钮来调动函数实现效果如下带参数的函数带参数的意义就是函数可以发送任意多的参数,参数由“,...原创 2021-08-26 21:29:31 · 383 阅读 · 0 评论 -
JavaScript语句(for循环、break和continue)
在JavaScript语句中有很多的不同的循环语句循环语句有for:循环代码块一定的次数; for/in:循环遍历对象的属性; while:当指定条件为true时,循环指定的代码块; do/while:同样当指定的条件为true时,循环指定的代码块;我们现在通过说明举例来了解循环语句for循环for循环的语法如下说明:语句1:代码块开始执行前语句语句2:定义运行循环执行代码块的条件语句语句3:执行代码块之后执行效果For/...原创 2021-08-08 08:40:00 · 2339 阅读 · 0 评论 -
JavaScript语句(条件语句)
在js中我们可以通过不同的条件语句来实现不同的动作和实现完成某个任务。而在JavaScript中条件语句我们有:if语句:只有当指定条件为true时,使用该语句来执行代码; if…else语句:当条件为true时执行代码,当条件为为false时执行else对应代码; if…else if..else语句:使用该语句来选择多个代码块之一来执行; switch语句:使用该语句来选择多个代码块之一执行;这4种条件语句,在JavaScript编程中我们可以使用这些条件语句我们通过实例来看条件语句原创 2021-08-08 08:33:51 · 962 阅读 · 0 评论 -
JavaScript基础(运算符)
Js中基础语法:运算符。在js中运算符又叫操作符,运算符分为算数运算符、赋值运算符、比较运算符、逻辑运算符、条件运算符这五种运算符。运算运算符在算数运算符中有+(加法)、-(减法)、*(乘法)、/(除法)、%(取余)、++(自增)、--(自减)。这是一个非常简单的运算方法前面的加减乘除,取余都是非常简单容易理解的运算,我们重点讲解和理解的是自增和自减。自增&自减的两种写法++(--)表示的加一(减一)的意思,而++Y(--Y)的意思是先自增&自减后运.原创 2021-08-08 08:27:24 · 218 阅读 · 0 评论 -
JavaScript基础(数据类型)
想要知道数据类型,我们就要先了解到平时用到最基本的数据类型。基本的数据类型包括有:1、String--(字符串)2、Number--(数字)3、Boolea--(布尔)4、Array—(数组)5、Object—(对象)6、Null—(空)7、Undefined—(未定义)Typeof操作符当我们想要知道这个变量的数据类型时,我们可以用到typeof操作符来测量变量的数据类型我们可以声明几个变量,在通过typeof操作符可以清楚的知道变量的数据类型实例:原创 2021-08-08 08:19:56 · 161 阅读 · 0 评论 -
JavaScript基础(变量)
变量在JavaScript中是一个用来存储信息的容器,在编写js过程中声明变量的应用是比较常见的。变量的命名,我们通常都是采用小驼峰命名。命名的规则的:变量必须是以字母、$或者_符号开头。变量名称对大小写敏感。不能使用JavaScript关键JavaScrip保留字。JavaScript保留关键字是不可以作变量、标签、函数名的。保留关键字一般都是作为JavaScript以后扩展使用的。声明变量语法:var w声明一个变量时,变量的值其实是为undefined的,是需要为变量赋值,原创 2021-06-28 09:17:05 · 81 阅读 · 0 评论 -
JavaScript基础(用法、输出)
什么是JavaScript?1、JavaScript简介:JavaScript是一种属于网络的脚本,已经应用于web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果,通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能。JavaScript由ECMAScript、DOM(Document Object Model) 文档对象模型、BOM(Browser Object Model) 浏览器对象模型组成。2、JavaScript用法:在HTML.原创 2021-06-19 08:07:21 · 198 阅读 · 0 评论 -
JavaScript回到顶部效果
在网页设计中我们通常可以看到一个回到顶部的效果,在一些网页较长的时候只要在网页的右下方放一个回到顶部的按钮。点击回到顶部,方便使用者在浏览过程中快速回到顶部。首先完成HTML和css的布局和样式,这里我们用了一张淘宝网页的长图来取代了诸多的布局和样式。在给它一个a标签装回到顶部的按钮,另外给了一个背景图片。如下...原创 2021-06-07 16:56:24 · 116 阅读 · 1 评论 -
Css浮动
浮动:元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制,移动到其父元素中指定位置的过程。对于早期来说,浮动是用来控制图片的,后来慢慢偏离了便利用浮动的特性来进行布局。设置浮动的通常来通过float属性来控制浮动,语法如下:float:left;元素向左浮动 float:right;元素向右浮动 float:none;元素不浮动清除浮动清除浮动的作用是用来,清除对于布局带来的影响。由于浮动元素不再占用原文档流的位置,所以它会对后面的元素排版产...原创 2021-05-29 08:51:49 · 79 阅读 · 0 评论 -
JavaScript改变元素的背景颜色
改变元素的背景颜色是通过点击某个特定的按钮,来获取元素来改变背景颜色。其实现的原理也非常的简单首先第一步页面的布局:先设置几个div盒子可供点击和选择的点击的事件,给他们几个类和id,方便设置他们的css样式和js获取事件。...原创 2021-05-29 08:47:02 · 4257 阅读 · 1 评论 -
JavaScript键盘事件及案列
在网页设计过程中键盘事件的作用非常的强大,也是经常使用的一个事件键盘事件有三个:Keydown当按钮被按下时,发生 keydown 事件。 2、Keypress事件与 keydown 事件类似。当按钮被按下时,会发生该事件。它发生在当前获得焦点的元素上。3、keyup当按钮被松开时,发生 keyup 事件。键码然而键盘事件所对对应的每一个按键都有自己的键盘码,只有通过键盘事件和键盘码的使用才能实现。 通过案列我们可以更客观的看到键盘事件的使用下面案列使用k...原创 2021-05-29 08:37:40 · 235 阅读 · 1 评论