![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
RayCongLiang
广东海洋大学16级物联网学生
展开
-
【JavaScript学习笔记18】JS对节点操作(增删改查)
引言上一篇笔记已经详细介绍了获取节点的方法,那么获取到节点的目的无非就是要操作这个节点,比如说设置节点的属性,修改节点的属性,甚至增加节点,删除节点等操作。本篇笔记主要记录对节点的操作。增加节点使用方法:document.createElement(想要创建的标签属性)<body> <div id ="box"> <p>原来就有的...原创 2020-02-14 17:28:53 · 438 阅读 · 0 评论 -
【JavaScript学习笔记17】通过DOM节点-获取父节点、兄弟节点以及子节点
引言通过前面笔记DOM的介绍,DOM的数据结构是一种树形数据结构,因此可以使用DOM获取对象(元素),然后对该对象的属性以及样式进行设置以及更改,甚至可以动态创建以及删除对象。总结来说就是:通过DOM获得父节点,兄弟节点进行操作节点的获取所有节点都是文档对象的属性DOM的节点都不是孤立的,因此可以通过DOM之间的相对关系进行访问获取父节点(parentNode)方法:使用节点对象...原创 2020-02-14 11:55:36 · 1587 阅读 · 0 评论 -
【JavaScript学习笔记16】JS中事件的三要素(以最简单的点击事件为例)
引言JS本来就是以事件驱动为核心的一门语言,很多控件以及布局都是基于事件的基础,包括上一章介绍的document对象,本质上就是在处理事件。事件三要素事件源:获取事件源函数功能document.getElementById通过id获取事件源document.getElementsByClassName通过类名获取事件源document.getElem...原创 2020-02-13 15:38:13 · 724 阅读 · 0 评论 -
【JavaScript学习笔记15】JS中window对象与document对象
引言通过上一篇笔记可以了解到JS的网页开发中离不开DOM与BOM。那么在开发的过程中,对网页的窗口的设置,归根到底是使用window对象来实现的,而在JS页面中的一些特效操作,也就是对document对象进行操作。因此,本篇笔记主要记录window对象以及document对象。window对象window对象既是ECMAscript规定的全局global对象,又是JS访问浏览器窗口的一个接口...原创 2020-02-13 12:27:59 · 637 阅读 · 0 评论 -
【JavaScript学习笔记14】BOM(浏览器对象模型)与DOM(文档对象模型)简介
引言JS在浏览器的开发中,离不开BOM与DOM的使用。本篇笔记开始记录浏览器网页窗口的操作与设置(BOM),以及网页中的一些特效功能(DOM),首先要了解一下BOM与DOM。BOM(Browser Object Model)BOM:浏览器对象模型功能:提供了独立于内容,直接与浏览器窗口进行交互的对象主要用于管理窗口与窗口之间的通讯,因此其核心对象是windowBOM由一系列相关的对象构...原创 2020-02-13 11:53:11 · 421 阅读 · 0 评论 -
【JavaScript学习笔记13】JS中的内置对象(数组中的API)
引言内置对象,在JS中本身已经为我们程序员写好的对象。对于内置对象,我们直接使用就可以,不需要再定义。比如说:Date,Array,Math,Error,String等,这里以Array的一些API为例子作介绍。JS的数组基础:数组的创建与使用数组Array的API- sort() :功能:自动排序,默认是升序排列使用方法:sort(function(a,b){return a-b /...原创 2020-02-12 12:13:31 · 238 阅读 · 0 评论 -
【JavaScript学习笔记12】JS构造函数补充-Constructor 返回对象的”祖宗“和 Prototype属性动态添加对象属性
引言在使用构造函数创建对象的时候使用的方法是:var test = new Object();实质上是在其“祖宗”上创建一个对象,因此作为一个"祖宗"对象都拥有的属性是:constructor,prototype属性Constructor属性属性定义:返回对创建此对象的函数的引用使用方法:当我们在开发的过程中遇到一个对象,并不清楚其实那个函数创建的时候,可以调用constructor属性知...原创 2020-02-11 11:51:25 · 361 阅读 · 0 评论 -
【JavaScript学习笔记11】JS使用构造函数Object()创建对象
引言在很多语言中创建对象都是通过类实例化出来,在JS中可以将构造函数理解为类,通过构造函数产生很多对象。构造函数与普通函数的区别:普通函数不能产生对象,构造函数可以产生对象。因此,可以产生对象的函数都是构造函数。构造函数创建对象方法1例1://1、构造函数 function Student() { var obj = new Object(); //所有对象...原创 2020-02-11 11:29:06 · 1401 阅读 · 0 评论 -
【JavaScript学习笔记9】JS中的对象简介与字面量对象
引言讲到对象,我第一个想到而是过年亲戚问我有没有对象。其实,亲戚口中的对象跟我们JS中的对象是一模一样的,因此,JS中的对象跟自己生活中的对象一样重要。学好JS对象,找个对象不成问题!面向对象和基于对象面向对象基于对象可以创建自定义的类型,很好的支持继承和多态。无法创建自定义的类型,不能很好的支持继承和多态语言:C++,java,C#JavaScript...原创 2020-02-11 10:38:56 · 175 阅读 · 0 评论 -
【JavaScript学习笔记10】JSON简单介绍
引言在开发过程中,要涉及到数据的传输以及交互都会看到JSON。尤其是前端开发的时候,数据不是固然不变的,因此需要前端与服务器进行数据的交互,数据传输的格式就是JSONJSON与XMLJSONxml轻量级的数据交换格式标记电子文件使其具有结构性的标记语言优点:灵活,简单,体积小,效率高描述清楚缺点:没有错误处理体积过大,传输不便JSON书写格式J...原创 2020-02-11 10:38:18 · 165 阅读 · 0 评论 -
【JavaScript学习笔记8】JS中变量的作用域(面试常考点)
引言无论是在JS还是在其他编程语言中,变量都有特定的作用域。引入一个叫块级作用域的说就是,任何一对花括号中的语句都属于一个块,在这里面定义的所有变量在代码块外都不可见的。但是JS与其他编程语言在这方面还是有所差别这里仅仅简单介绍全局变量与局部变量,详细记录JS中需要注意的变量作用域。JS中的全局变量JS中的全局变量指的是:定义在script或者不属于某个函数的变量例:上面例子中的n...原创 2020-02-07 15:34:42 · 197 阅读 · 0 评论 -
【JavaScript学习笔记7】JS中的匿名函数(绑定事件函数,定时器,自调用函数)与回调函数
引言JS中经常会涉及到很多匿名函数,其中常见于绑定事件函数,定时器函数,以及自调用函数中。而掌握这些函数还是非常必要的。同时,回调函数也经常会出现在我们的一些面试题目中。匿名函数简介匿名函数:没有命名的函数绑定事件函数简单介绍一下绑定事件:当需要开发手机端或者移动端的程序的时候,有一个界面程序。当一些按钮或者界面被使用者点击或者触摸的时候,往往需要调用一些绑定事件的函数生效。例:do...原创 2020-02-07 11:36:19 · 1399 阅读 · 0 评论 -
【JavaScript学习笔记6】JS中函数的声明与调用,Arguments对象的使用
引言函数在JS中的角色定位,就是完成特定代码的一个集合。比如说要实现一个求余功能,在A代码块里面要使用,B代码块也要使用,那么为了给我们的代码增加健壮性,可以将求余功能封装成一个函数,当需要求余的时候,直接调用函数即可。即:将复杂的事情简单化JS中函数常见的声明方式函数声明方式function函数名(参数1,参数2,...){函数体}例: //定义函数 funct...原创 2020-02-07 11:17:07 · 205 阅读 · 0 评论 -
【JavaScript学习笔记5】JS中的数组创建与使用
引言在日常的开发中,我们需要一种数据类型可以存放很多的数据,并且能够满足程序员的增删改查的操作,这种数据类型就是数组数组的创建使用Array构造函数创建var name = new Array();例: //创建一个空数组 var name = new Array(); console.log(name); //创建一个长度为20的数组 va...原创 2020-02-07 10:31:36 · 528 阅读 · 0 评论 -
【JavaScript学习笔记4】JS中的数据类型转换
引言在开发的过程中,经常会涉及到类型的转换,比如数字类型与字符串类型互相转换等,在JS中拥有很多内置方法实现数据类型的转换,不需要自己额外去编写,直接调用即可。其它类型转成字符串类型toString()例: //数字类型转字符串 var num = 111; console.log(num); console.log("the type of num:"+...原创 2020-02-06 15:15:48 · 172 阅读 · 0 评论 -
【JavaScript学习笔记3】JS中的数据和数据类型
引言程序员归根到底就是跟数据打交道,但是区别于其他的语言,JS脚本语言的数据类型还是有所不同的。因为程序在运行的过程中会产生各种各样的临时数据,为了方便数据的运算以及操作,JS中有六种数据类型,分为两大类:简单数据类型与复杂数据类型。简单数据类型与复杂数据类型众所周知,数据的存放都在内存中,在内存中有堆和栈。简单的数据类型存放于栈复杂的数据类型存放于堆简单的数据类型有:Numbe...原创 2020-02-06 12:47:16 · 223 阅读 · 0 评论 -
【JavaScript学习笔记2】JS中常见的输出方式-控制台输出信息
引言在编程开发的过程中,输出信息是非常必要的。JS中提供了三种输出方式:弹出显示框、控制台输出、弹出输入框弹出显示框这种方式在上一篇笔记中已经详细介绍,有需要学习的朋友可以跳转到第一篇笔记学习:【JavaScript学习笔记1】JavaScript书写格式-编写第一个JavaScript程序控制台输出使用console.log() / console.warn() /console.er...原创 2020-02-06 10:55:46 · 3152 阅读 · 0 评论 -
【JavaScript学习笔记1】JavaScript书写格式-编写第一个JavaScript程序
引言学习一门新的编程语言,首先第一步要熟悉语言的编写环境,编写格式,语法等。JavaScript的学习与开发,本人使用的是Webstorm软件。JavaScript有三种书写格式,分别是:“行内式”,“页内式”,“外链式”。行内式比如要在网页内输出一个button:<button οnclick="alert('Hello!');">Hello world </butt...原创 2020-02-06 10:33:25 · 509 阅读 · 0 评论