![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript学习笔记
文章平均质量分 75
Insomnia_X
这个作者很懒,什么都没留下…
展开
-
JavaScript学习笔记——避免代码重复的技巧总结(重用、善用函数、善用原型)
如何避免代码重复每当发现重复的代码时,警报就会响起:既然已经编写过知道如何完成这些工作的代码,为何不让它去做呢?因此,我们不应重复既有的代码消除重复代码的理念:DRY (Don’t Repeat Yourself,不要自我重复),所有厉害的程序员都这么说为避免代码重复,应该善用函数、原型和掌握好重用的思想:对于函数,要注意:每个函数只做一件事,并且把这件事做好;另外,多个函数的功能不要重复对于重用,要注意:“重用”不仅是代码的编写量减少,更重要的是执行代码时,计算机生成的代码量减少,且不要原创 2021-08-02 14:01:34 · 1268 阅读 · 0 评论 -
Javascript学习笔记——JSON:js对象简谱
Javascript不仅是一种编程语言,还被作为一种常用的对象存储和传输格式JSON:JS 对象简谱JSON(JavaScript Object Notation)即Javascript对象简谱JSON既指一种Javascript对象(有JSON.parse方法等),也指一种字符串格式JSON这种字符串格式能表示Javascript对象,从而对进行其存储和传输一个JSON字符串如下var fidoString = '{"name":"Fido"," breed":"Mixed",“wei.原创 2021-07-27 01:00:50 · 403 阅读 · 0 评论 -
JavaScript学习笔记——addEventListener:通用的事件处理程序指定方式
之前我们指定事件处理程序时,将回调函数赋给一个对象属性。例如,window.onload=...;btn.onclick=...这种指定事件处理程序的方式很方便,但有时需要更通用的事件处理程序指定方式例如,如果要给一个事件指定多个处理程序,就必须使用方法addEventListeneraddEventListener方法对window对象调用addEventListener方法,注册一个加载事件处理程序window.addEventListener("load", init, false) ;.原创 2021-07-26 23:46:48 · 5439 阅读 · 0 评论 -
JavaScript学习笔记——arguements对象:管理传入函数的参数、实现参数数量可变的函数
在每个函数中,都有一个名为arguments的对象可供使用。每当函数被调用时,都可以通过变量arguments来查看传入函数的参数对象arguments包含传递给函数的所有实参,可像使用数组那样使用它通过使用arguments,你可创建这样的函数:接受数量可变的实参,并根据传入的实参数量执行不同的操作。演示如何使用arguments的代码:function printArgs(){//打印传入的参数(数量可变) for (var i=0;i<arguements.length;i++).原创 2021-07-26 01:08:58 · 260 阅读 · 0 评论 -
JavaScript学习笔记——window对象、浏览器对象模型BOM
浏览器对象模型BOM你听说过DOM,但还应该知道BOM,即浏览器对象模型(browser object model)。这其实并非官方标准,但所有浏览器都通过对象window来支持它。window对象window是全局对象。我们使用属性和方法时,如果没有指定它所属的对象,默认指的都是window使用window.onload,指定了一个事件处理程序,在网页加载完毕后调用它。使用方法alert和prompt时,也涉及了对象window(实际上应该写为window.alert、window.prom原创 2021-07-26 00:37:36 · 155 阅读 · 0 评论 -
JavaScript学习笔记——统一理论:“一切皆对象”
体会“一切皆对象”的说法基本类型(可随时像使用对象一样使用它们)布尔值、数字和字符串等虽然是基本类型,但只要需要,随时都可将它们视为对象,如字符串有一些内置方法,调用这些方法时,JavaScript在幕后将其转化为字符串对象数组(它们有点像对象)函数(它们像对象一样包含属性和方法)构造函数(既像对象又像函数)还有对象本身还有一些内置类型,如Date、Math和RegEx,但它们也都是对象布尔值、数字和字符串、数组…一切皆对象。它们之所以看起来不同,只是因为JavaScript提供了一些出原创 2021-07-25 23:32:02 · 238 阅读 · 0 评论 -
JavaScript学习笔记——进阶的对象创建方式P5-原型链(原型继承原型):原型链的终点-Object、利用继承来重写\扩展内置对象
原型链的终点是Object,而非小狗原型前面介绍的两个原型链(这里的“原型链”实际上是一个简化版本):小狗原型<-小狗实例;小狗原型<-表演犬原型<-表演犬实例;真正的原型链:Object<-小狗原型<-小狗实例;Object<-小狗原型<-表演犬原型<-表演犬实例;真正的原型链何为ObjectObject可视为对象始祖,所有对象都是从它派生而来的。①每个对象都有原型,该原型默认为Object;②可将对象原型设置为其他原创 2021-07-25 23:31:47 · 449 阅读 · 1 评论 -
JavaScript学习笔记——通过继承原型来创建对象P4-原型链:在编写继承原型的原型时,通过方法call优化构造函数、重用代码
背景问题下面基于小狗原型创建表演犬原型(原型链)////////////////////////////////////////////////////////////////////////////////////////////小狗原型//////////////////////////////function Dog(name, breed, weight) { this.name = name; this.breed = breed; this.weight = we原创 2021-07-25 23:31:29 · 117 阅读 · 0 评论 -
JavaScript学习笔记——通过继承原型来创建对象P3-原型链(原型继承原型):如何创建原型链(设置prototype)instanceof和constructor
问题背景我们已经实现了小狗原型,使用小狗原型能创建出大量的小狗对象实例;在此基础上,对于一部分特殊的表演犬,它们具有与普通小狗不同的方法和属性;我们希望仍然利用原型来创建这些表演犬对象实例,但又不希望从头开始另行编写一个表演犬原型原型链JavaScript中,可以有多个原型:可建立供对象继承的原型链,即继承了其他原型的原型。这就好比你不只是继承了父母的特质,还继承了祖父母、曾祖父母等的一些特质。i.e. 对象不仅可以继承一个原型,还可以继承一个原型链在这里的情况就是,通过扩展小狗原型来创原创 2021-07-25 15:35:30 · 200 阅读 · 0 评论 -
JavaScript学习笔记——通过继承原型来创建对象P2-原型:创建原型、原型是动态的、利用原型设置对象初始值
原型和原型式继承JavaScript使用原型式继承,对象可从其他对象那里继承属性和行为其属性和行为被继承的对象称为原型新对象继承了原型对象后,便可访问其所有方法和属性,同时可以在新对象中添加额外的属性利用继承原型创建大量对象,思路是:将所有对象中相同的属性和方法(希望重用的那部分)包含在原型中;ps. 另外,想要将所有对象的某个属性统一设置初始值,也可使用原型对于那些随对象而异的属性和方法,等到继承原型创建新对象时,再针对不同对象添加其特有的属性获取原型对象构造函数有一个proto原创 2021-07-25 15:35:13 · 155 阅读 · 0 评论 -
JavaScript学习笔记——通过继承原型来创建对象P1-原型:消除重复、原型式继承的原理、继承后重写原型
学会如何创建对象仅仅是个开始。我们需要在对象之间建立关系和共享代码的,需要扩展和改进既有对象。JavaScript的对象模型不同于标准面向对象语言的对象模型。JavaScript采用的不是基于类的面向对象系统,而是更强大的原型模型,其中的对象可继承和扩展其他对象的行为。这有何优点呢?你马上就会看到关于对象和继承Java、C++等基于传统面向对象编程的语言,使用经典面向对象继承JavaScript没有传统的面向对象模型(即 从类创建对象的模型)。事实上,JavaScript根本就没有类Jav.原创 2021-07-25 15:34:52 · 199 阅读 · 0 评论 -
JavaScript学习笔记——创建对象P4:JavaScript内置对象(Array、Date、Math、Object等)
JavaScript内置的构造函数JavaScript自带的一系列构造函数可用于实例化一些有用的、便利的对象数组对象ArrayJavaScript中支持数组字面量表示法(方括号表示法),以便更轻松地创建数组也可用内置构造函数Array()创建数组对象两种方法创建出的数组对象没有区别,都可使用其方法字面量表示法一般用于创建简单数组在运行阶段才能确定数组长度时,多用构造函数Array()创建数组内置构造函数Array可创建特定长度的数组var items = new Array(10);/原创 2021-07-21 18:35:53 · 168 阅读 · 1 评论 -
JavaScript学习笔记——创建对象P3:对象实例、对象类型、instanceof(判断对象是否为构造函数的实例、判断两个对象实例的类型是否相同)
问题背景在JavaScript中,创建一个小狗对象和一个汽车对象引入对象类型:两个小狗对象(有相同属性和方法),它们的对象类型相同小狗对象和汽车对象,他们的对象类型不同用typeof运算符无法判断对象类型是否相同:JavaScript中,对象是一个动态的结构,无论对象包含哪些属性和方法,其类型都是object原因:在Java和C++等很多其他面向对象的语言中,有严格的对象类型概念,可以确定对象到底是哪种类型的;但在JavaScript中不是这样的。由于JavaScript类型系统(对象原创 2021-07-21 18:35:41 · 593 阅读 · 0 评论 -
JavaScript学习笔记——创建对象P2:代码技巧-函数参数过多时,用一个对象传递所有参数
此技巧一般用于对象构造函数,但实际上适用于所有函数。这里仅以构造函数为例,说明问题问题背景创建对象时,可以使用构造函数。function Car(make, model, year, color, passengers, convertible, mileage) { this.make = make; this.model = model; this.year = year; this.color = color; this.passengers = passengers; this.原创 2021-07-21 18:35:11 · 446 阅读 · 1 评论 -
JavaScript学习笔记——创建对象P1:对象字面量法与构造函数法、对象构造函数、运算符new的工作原理
要点需要创建少量对象时,适合使用对象字面量。需要创建大量类似的对象时,适合使用构造函数。构造函数是使用运算符new进行调用的函数。根据约定,将构造函数名的首字母大写。使用构造函数可创建包含相同属性和方法的一致对象。要创建对象,可使用运算符new调用构造函数。使用new来调用构造函数时,将新建一个空对象,并在构造函数中将其赋给this。在构造函数中,可使用this来访问正在创建的对象,进而给它添加属性。构造函数自动返回它创建的新对象。创建和返回新对象的工作都是new完成的,构造函数只负责为新原创 2021-07-21 18:34:55 · 339 阅读 · 0 评论 -
JavaScript学习笔记——函数 Part7:闭包
闭包(closure)被认为是必不可少的语言特性,,也是所有传统语言都想添加的语言特性。闭包很难学?实际上我们早就学习过了,只是那时我们没有称之为闭包而已。闭包:简单地说就是函数和引用环境什么是闭包(closure)闭包(closure)与敲定(close,动词)函数有关函数中的变量有两种:局部变量:在函数体中定义的变量自由变量:不是在本地定义的变量称其“自由”是因为:在函数体内,自由变量没有绑定到任何值(即:它们不是在本地声明的)有了给每个自由变量都提供了值的环境后,便将函数敲定.原创 2021-07-20 13:32:08 · 368 阅读 · 1 评论 -
JavaScript学习笔记——函数 Part6:函数环境与词法作用域-确定当前使用的是[局部变量]还是[同名的全局变量]
JavaScript特性:词法作用域词法(lexical)意味着只需查看代码的结构就可确定变量的作用域,而不是等到代码执行时才明白。利用词法作用域,可以轻易确定在某处使用的是[局部变量]还是[同名的全局变量]具体而言,要确定某处使用的是局部还是全局变量,先在最近的函数作用域内查找变量声明;若没有找到,再在全局作用域内查找(当前使用的变量,一定是距离当前代码最近的那个)i.e. 在词法作用域中,重要的是函数是在什么地方定义的,而非调用函数的时机每个函数定义了一个新的词法作用域Eg1.下面有全原创 2021-07-20 13:31:04 · 285 阅读 · 0 评论 -
JavaScript学习笔记——函数 Part5:函数表达式、匿名函数-让代码更简洁
本章将再进一步,深入函数的核心,从而娴熟地使用函数。学习了匿名函数,你的JavaScript表达能力将大大提升还将介绍一些与函数相关的常见编码习惯和约定,为与人协作编写代码或使用开源JavaScript库作好准备要点函数表达式的结果是一个函数引用,因此在可以使用函数引用的任何地方,都可使用函数表达式。可将函数表达式传递给函数,还可从函数返回函数表达式。匿名函数是没有名称的函数表达式。使用匿名函数可让代码更简洁。函数声明创建的函数是在执行其他代码前定义的。函数表达式是在运行阶段与其他代码一.原创 2021-07-20 13:09:32 · 461 阅读 · 0 评论 -
JavaScript学习笔记——函数 Part4:向函数传递函数、从函数返回函数(函数是一等公民)
要点函数是一等公民:函数引用是一等值可将函数引用赋给变量、含在数据结构中、传递给函数或从函数返回。函数是一等公民不要再认为函数是特殊的,有别于JavaScript中的其他值将函数视为值(这个值就是函数引用),可带来很大的好处,接下来将说明其中的原因一等值(First-class):在编程语言中,可像对待其他任何值一样对待的值。满足下列三个条件,就可称为一等值:可以将其赋给变量可以将其传递给函数可以从函数中返回它们显然,对于数字、字符串、布尔值和对象等值,它们是一等值。事实原创 2021-07-18 11:00:25 · 538 阅读 · 0 评论 -
JavaScript学习笔记——函数 Part3:“函数是值”(函数引用:指向函数的引用、函数引用指向的到底是什么)
“函数是值”函数怎么会是值呢?我们一般将函数视为可调用的功能,但也可将函数视为值,这个“值”就是指向函数的引用(即函数引用)function quack(num){//用函数声明来创建函数...}var fly=function(num){...};//用函数表达式来创建函数无论函数是以什么方式创建的(用函数声明或用函数表达式创建),最终得到的都是一个函数引用:quack和fly都是变量,其存储的都是指向函数的引用其中quack是被浏览器自动创建的、与函数同名的变量因此,可以将函数原创 2021-07-18 10:59:29 · 212 阅读 · 0 评论 -
JavaScript学习笔记——函数 Part2:在函数内创建函数(嵌套函数)、函数的作用域
变量有作用域,分为局部变量和全局变量同样的,函数也有类似的作用域,在函数作用域外不能调用函数ps. 将函数视为一个值(即函数引用),对下面的理解有帮助嵌套函数(nested function)之前考虑的函数,作用域都是全局的:这意味着这两个函数被定义后,在代码的任何地方都是可见的。而嵌套函数(即:在其他函数中定义的函数)作用域是局部的函数的作用域函数的作用域:①等价于 能够正常使用和调用函数的范围②等价于 函数已定义的范围(而不是undefined)在函数作用域内调用函数:函数已定.原创 2021-07-18 10:57:47 · 947 阅读 · 1 评论 -
JavaScript学习笔记——数组的Sort方法
数组的Sort方法数组的sort()方法可对任何数组(数字数组、字符串数组、对象数组)按升序或降序排序需要传入sort()的参数:传入一个比较函数,这个函数知道怎样比较数组的某两个元素(定义了两个元素哪个是“较大”的,哪个是“较小”的)函数必须返回这三种值:大于0的数字、0或小于0的数字(一般为1,0,-1)按升序或降序排序,通过比较函数的返回值来控制实现原理就是向函数传递函数(关于函数的笔记),通过传入一个比较函数,我们可对任何数据集重用排序代码,获得了灵活性。具体实现对特定的数据集进原创 2021-07-17 14:28:38 · 188 阅读 · 0 评论 -
JavaScript学习笔记——函数 Part1:函数的创建原理(函数声明、函数表达式、函数在何时被创建)
在JavaScript中,很多组织代码的技巧都要求精通并熟练地使用函数。学习JavaScript的分水岭就是熟知函数。通往精通函数的学习道路很有趣,但常常会让人迷惑不解,接下来将见到一些奇异、古怪而神奇的东西。创建函数的两种方法1.函数声明function quack(num){//这是函数声明语句...}quack(3);//调用函数标准的函数声明(由function关键字、函数名、形参、代码块组成)创建了一个函数,名称为quack,可以用quack引用和调用这个函数2.函数表.原创 2021-07-16 21:29:24 · 300 阅读 · 0 评论 -
JavaScript学习笔记——DOM:HTML中的元素与JavaScript中的对象,有何区别?
问题引入设置某HTML元素Elem的特性如id时,有两种方法:(1)设置元素特性Elem.setAttribute("id","1")(2)设置对象属性Elem.id="1"这两种方法有什么区别?先说结论:统一用setAttribute()更好(详解见后文)区别的关键在于:是对象的属性还是HTML元素的特性对于一些HTML元素(如id和src等),在JavaScript中被转换为对象后,对象属性的值就是相应HTML元素的特性可使用Elem.src=...,也可使用Elem.setAttr原创 2021-07-15 18:13:14 · 439 阅读 · 0 评论 -
JavaScript学习笔记——事件
从前的编程方式通常都从上到下的、按顺序的、按部就班地执行的,这是线性(linear)的编码方式然而,JavaScript代码通常不是这样编写的,大多数JavaScript代码都是事件响应式的,这是异步(asynchronous)的编码方式接下来,反思我们的编码方式,学习编写响应事件的代码及为何要这样做为何需要事件由于JavaScript用于交互式的网页环境,在网页中随时都会有不可预测的事件发生(如网页加载完毕、用户点击了按钮、定时器到期):这种不可预测性意味着我们不可能提前预知接下来发生什么,进.原创 2021-07-15 17:05:51 · 219 阅读 · 0 评论 -
JavaScript学习笔记——编写战舰游戏 Part3:最终实现代码
HTML代码:battleship.html<!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>Battleship</title> <style> body { background-color: black; } div#board { position: relative; width:原创 2021-07-15 13:15:26 · 123 阅读 · 0 评论 -
JavaScript学习笔记——编写战舰游戏 Part2:JavaScript部分
设计方案将这款游戏设计为几个较为独立的对象(每个对象有其主要职责,从而便于独立创建和测试游戏的各个部分),并利用DOM与用户交互。这种设计让问题理解起来容易得多。这样做的优点在于:可以相对独立的编写代码,并分别测试每个对象,确保对象履行其职责(每个对象的测试代码可能需要单独编写,仅用于测试该对象的功能)总共有3个要设计并实现的对象:model、view和controllermodel将存储游戏的状态,如每艘战舰的位置以及哪个部位被击中;view负责在model存储的状态改变时更新界面;原创 2021-07-15 13:11:57 · 274 阅读 · 0 评论 -
JavaScript学习笔记——编写战舰游戏 Part1:HTML和CSS
编写一个战舰游戏,网页上有游戏板和网格,玩家在网页中直接输入猜测的位置,开火后在游戏板上显示是否击中了战舰方案分析要创建交互式网页(应用),需要HTML、CSS和JavaScript。HTML用于定义结构,CSS用于设置样式,而JavaScript用于定义行为。利用HTML和CSS创建一个游戏板。之后还需正确地设计其结构,以便能够在JavaScript中获取玩家输入以及显示击中、未击中等消息。下面先从HTML和CSS着手,创建一个游戏板具体实现:第一步 创建HTML页面目标:需.原创 2021-07-14 00:01:45 · 408 阅读 · 0 评论 -
JavaScript学习笔记——字符串String:既像基本类型,又像对象
基本类型和对象JavaScript中,类型分为两种:基本类型和对象,不属于基本类型的值都是对象基本类型:数字number、字符串string、布尔值boolean、null和undefined特殊的类型:对象object类型(用于表示问题空间中的事物)在一些情况下,基本类型也如同对象被暂时转换为对象进行处理:使用基本类型string的属性或方法时(如split、substring、contact等),JavaScript将把它暂时转换为对象,使用指定的属性或方法,再将其转换为基本类型字符串。原创 2021-07-13 10:40:32 · 841 阅读 · 0 评论 -
JavaScript学习笔记——JavaScript与网页的交互:接收用户输入、向用户输出
接收用户的输入函数prompt并可以获取用户输入在prompt的参数中填入字符串作为提醒消息,浏览器就将弹出对话框并等待用户输入用户的输入以一个字符串的形式返回若用户没有输入或取消了对话框,返回值为null网页向用户输出信息为提高网页的交互性,必须能够与用户交流下面简要地介绍一些交流方式方式一 创建提醒框调用函数alert并指定一个包含提醒消息的字符串,浏览器就会在一个对话框中显示这条消息一般用于停止用户的步伐并传递消息,用户必须点击OK按钮才能继续前行方式二 将内容插入文档使用函数原创 2021-07-13 09:49:34 · 2790 阅读 · 0 评论 -
JavaScript学习笔记——类型(undefined、null、NaN等)
JavaScript的优点之一是,无需知道这种语言的很多细节,就可以使用它来做很多事情。但要真正掌握这门语言、提升水平,必须对类型了如指掌。JavaScript的类型系统并不特别缜密,我们会发现它有一些怪癖。把这些怪癖弄清才能避免各种与类型相关的难堪错误。类型基本类型:数字、字符串、布尔值等低级基本类型特殊的类型:对象(用于表示问题空间中的事物)...原创 2021-07-13 09:27:44 · 237 阅读 · 0 评论 -
JavaScript学习笔记——不同类型变量的比较和运算:运算符(==、===、+等)和类型转换(“9“==9)
运算符JavaScript中的运算符有==、===、!=、!==、>、<、+、-、*、/等大部分运算符会自动执行类型转换,统一类型以进行后续操作加法+运算符:将数字(或布尔值)转换为字符串加法+运算符只要遇到字符串,会执行拼接(Concatenation),结果一定为字符串3+"1"结果为"31"1+1+"9"+1+1结果为"2911"true+"love"结果为"truelove"true+"1"结果为"true1"true+1+"1"结果为"21"注意:1+1+"9"+原创 2021-07-13 09:26:45 · 310 阅读 · 0 评论 -
JavaScript学习笔记——真值与假值
在有些语言中,true和false的定义非常严格,但JavaScript对true和false的定义比较宽松。怎么个宽松法呢?在JavaScript中,当真值(truthy)和假值(falsey或falsy)用于条件表达式中时,被视为true或false。在JavaScript中,假值有5个,其余的所有值都是真值假值:undefined、null、NaN、0、""(空字符串)余下的都是真值,在条件表达式中被视为true如:[](空数组)、{}(空对象)、"0"(非空字符串)...原创 2021-07-13 09:26:25 · 1102 阅读 · 0 评论 -
JavaScript学习笔记——数组
JavaScript中的数组特点JavaScript中的数组可以存储任何JavaScript值(包括数字、字符串、布尔值、对象、和其他数组)同一个数组中,可以存储不同类型的元素,但应尽量存储相同类型的值,处理起来更容易、更安全数组元素的值可能是undefined,含有undefined元素的数组称为稀疏数组创建新数组构造函数法var newArray = new Array(3);数组字面量表示法(ps. 数组字面量用于创建数组,正如对象字面量用于创建对象)创建一个空数组var new原创 2021-07-12 14:36:54 · 316 阅读 · 0 评论 -
JavaScript学习笔记——JavaScript与网页交互:DOM文档对象模型
Web页面(Web Page)(也称为文档Document)网页是一个动态的数据结构,可以通过JavaScript与之交互:访问并读取网页中的元素内容;修改网页的内容或结构等使用文档对象模型DOM(Document Object Model),能够与代码所属的网页交互,从而能够编写出动态的网页JavaScript与网页的交互——文档对象模型DOMJavaScript与HTML是不同的事物:JavaScript是代码,HTML是标记它们如何交互?——通过网页的表示,即文档对象模型DOM实现在浏览器原创 2021-07-12 10:03:23 · 821 阅读 · 0 评论 -
JavaScript学习笔记——对象(属性和方法)和面向对象编程
目前,在代码中使用的都是基本类型和数组,编写代码用的是简单语句、条件、for/while循环和函数这种编码方式是过程化的,即过程型编程,而不是面向对象的对象(Object)对象有一系列属性(property),并且有方法(也可看作属性,是一个函数)面向对象的编程中,应该从对象的角度思考问题(而非从过程的角度)对象包含状态和行为,状态可以影响行为,行为也可以影响状态(对象的属性记录了状态,对象的方法产生行为)对象的优点:封装(隐藏)了其状态和行为的复杂性(便于专注高层次设计)JavaScr原创 2021-07-11 19:08:58 · 211 阅读 · 0 评论 -
JavaScript学习笔记——函数
自定义一个函数function 函数名( 形参(可能没有)){函数体return 返回值;}调用函数时,填入变量/数学表达式/布尔表达式对于每个表达式,将先计算并得出一个最简形式的值(字符串/数字/true/false等)作为传递给函数的值,称为实参JavaScript按值传递实参(pass-by-value),把每个实参的值复制给形参在函数进行处理时,只会影响形参,不会影响实参也就是说在函数中处理形参时,其影响范围仅限于函数内部例如:形参与实参同名函数执行时,形参x将(局部变量)遮原创 2021-07-11 12:01:59 · 115 阅读 · 0 评论 -
JavaScript学习笔记——JavaScript速览
疑惑:1000+“108” = “1000108”循环JavaScript提供的多种执行循环代码的方式:while、for、for in、forEach网页与用户的交流为提高网页的交互性,必须能够与用户交流下面简要地介绍一些交流方式方式一 创建提醒框调用函数alert并指定一个包含提醒消息的字符串,浏览器就会在一个对话框中显示这条消息一般用于停止用户的步伐并传递消息,用户必须点击OK按钮才能继续前行方式二 将内容插入文档使用函数document.write将任何HTML和内容写入网.原创 2021-07-13 09:55:31 · 93 阅读 · 0 评论 -
JavaScript学习笔记——如何将JavaScript代码加入网页(<script>标签)
如何将JavaScript代码加入网页如何将JavaScript代码加入网页?——使用<script>元素HTML文件中包含众多元素,如<html>、<head>、<script>、<body>等使用<script>标签将JavaScript代码添加到网页的<head>或<body>元素中方法一:使用<script>将代码嵌入<head>元素中这是常见的方式,能让代码更容易找到,原创 2021-07-10 13:08:44 · 3341 阅读 · 0 评论 -
JavaScript学习笔记——JavaScript简介(HTML、CSS与JavaScript)
JavaScript的使用场景JavaScript是一款纯正的Web编程语言,用于给网页添加行为,从而实现能够与用户交互的网页最常见的JavaScript运行环境是浏览器JavaScript也正在逐渐被嵌入除浏览器外的其他众多环境中。JavaScript作为一种通用的脚本语言,其还可以用于图形、音乐等众多应用程序中,甚至用于服务器端编程浏览器会创建HTML页面的对象模型,可供JavaScript使用(后面将详细介绍)在浏览器中运行JavaScript,能够马上看到结果。但要注意不同浏览器在解释原创 2021-07-10 11:00:32 · 2590 阅读 · 0 评论