![](https://img-blog.csdnimg.cn/20200910131617654.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
文章平均质量分 70
JavaScript学习
GUI Research Group
机器学习, 生物信息
展开
-
WebAPI(part12)--事件高级
学习笔记,仅供参考,有错必究文章目录事件高级注册事件addEventListener 事件监听方式attachEvent事件监听方式案例删除事件(解绑事件)删除事件的方式案例DOM事件流事件对象案例事件对象的常见属性和方法target和this的区别事件高级注册事件给元素添加事件,称为注册事件或者绑定事件. 注册事件有两种方式:传统方式和方法监听.addEventListener 事件监听方式EventTarget.addEventListener(type, listener, use原创 2022-01-26 19:57:19 · 1194 阅读 · 0 评论 -
WebAPI(part11)--DOM重点核心
学习笔记,仅供参考,有错必究文章目录DOM重点创建删改查属性操作事件操作DOM重点关于DOM操作,我们主要针对于元素的操作. 主要有创建、增、删、改、查、属性操作、事件操作.创建document.writeinnerHTMLcreateElement删removeChild改主要修改dom的元素属性, dom元素的内容, 属性, 表单的值等.修改元素属性:src、href、title 等修改普通元素内容:innerHTML、innerText修改表单元素:value原创 2022-01-25 19:39:25 · 827 阅读 · 0 评论 -
WebAPI(part10)--动态生成表格
学习笔记,仅供参考,有错必究文章目录动态生成表格动态生成表格从本地取到数据,动态生成表格,并添加删除操作.代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title>原创 2022-01-24 23:39:07 · 675 阅读 · 0 评论 -
JavaScript入门(part13)--预解析
学习笔记,仅供参考,有错必纠参考自:pink老师教案文章目录预解析预解析概述预解析案例案例1案例2案例3案例4预解析预解析概述js引擎运行js代码分为两步:预解析:js引擎会把js 里面所有的var还有function提升到当前作用域的最前面代码执行:按照代码书写的顺序从上往下执行预解析又分为:变量预解析(变量提升):就是把所有的变量声明提升到当前作用域的最前面,但不提升赋值操作函数预解析(函数提升):就是把所有的函数声明提升到当前作用域的最前面,但不调用函数预解析案例原创 2022-01-19 21:57:00 · 610 阅读 · 0 评论 -
WebAPI(part9)--下拉菜单及留言案例
学习笔记,仅供参考,有错必纠下拉菜单案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"原创 2020-12-02 07:32:50 · 241 阅读 · 0 评论 -
WebAPI(part8)--节点操作
学习笔记,仅供参考,有错必究文章目录节点操作节点概述节点层级父节点子节点兄弟节点创建节点节点操作节点概述网页中的所有内容都是节点(标签、属性、文本、注释等),在DOM 中,节点使用 node 来表示。HTML DOM 树中的所有节点均可通过 JavaScript 进行访问,所有 HTML 元素(节点)均可被修改,也可以创建或删除。一般地,节点至少拥有nodeType(节点类型)、nodeName(节点名称)和nodeValue(节点值)这三个基本属性。节点类型nodeType原创 2020-12-02 07:03:42 · 196 阅读 · 0 评论 -
WebAPI(part7)--Tab栏切换案例
学习笔记,仅供参考,有错必究Web APITab栏切换案例代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con原创 2020-11-11 21:55:24 · 325 阅读 · 0 评论 -
WebAPI(part6)--自定义属性操作
学习笔记,仅供参考,有错必究文章目录Web API自定义属性操作获取属性值设置属性值移除属性Web API自定义属性操作获取属性值获取属性值的两种方式://第1种element.属性//第1种element.getAttribute('属性');区别:获取方式区别element.属性element.属性只能获取元素自带的属性,比如id, classelement.getAttribute('属性');element.getAttribute('属性'原创 2020-11-11 08:05:48 · 375 阅读 · 2 评论 -
WebAPI(part5)--排他操作
学习笔记,仅供参考,有错必究文章目录Web API排他操作排他思想百度换肤案例表格隔行变色Web API排他操作排他思想如果有同一组元素,我们想要某一个元素实现某种样式, 需要用到循环的排他思想算法:所有元素全部清除样式(干掉其他人)给当前元素设置样式 (留下我自己)注意:顺序不能颠倒,首先干掉其他人,再设置自己举个例子代码:<!DOCTYPE html><html lang="en"><head> <meta cha原创 2020-11-11 07:14:18 · 230 阅读 · 0 评论 -
利用javascript onclick实现网页跳转
学习笔记,仅供参考转载自:利用javascript onclick跳转链接网页<input type=button value="跳转" onclick="window.location='你要转向的页面'"><input type="button" value="跳转" onclick="window.location.href='你要转向的页面'"> <input type="button" value="跳转" onclick="javascript:转载 2020-10-04 22:37:51 · 2871 阅读 · 1 评论 -
WebAPI(part4)--操作元素
学习笔记,仅供参考,有错必纠参考自:pink老师教案文章目录Web API操作元素改变元素内容常用元素的属性操作表单元素的属性操作样式属性操作Web API操作元素JavaScript的DOM操作可以改变网页内容、结构和样式,我们可以利用DOM操作元素来改变元素里面的内容、属性等.改变元素内容从起始位置到终止位置的内容,但是去除html标签,同时空格和换行也会被去除:element.innnerText从起始位置到终止位置的全部内容,保留html标签,保留空格和换行:el原创 2020-09-22 08:13:00 · 202 阅读 · 0 评论 -
WebAPI(part3)--事件基础
学习笔记,仅供参考,有错必纠参考自:pink老师教案文章目录Web API事件基础事件三要素执行事件的步骤常见的鼠标事件Web API事件基础JavaScript使我们有能力创建动态页面,而事件是可以被JavaScript侦测到的行为。网页中的每个元素都可以产生某些可以触发JavaScript的事件,例如,我们可以在用户点击某按钮时产生一个事件,然后去执行某些操作。事件三要素事件源(谁):触发事件的元素;事件类型(什么事件): 例如 click 点击事件;事件处理程序(做啥)原创 2020-09-22 08:01:58 · 257 阅读 · 0 评论 -
WebAPI(part2)--获取元素
学习笔记,仅供参考,有错必纠参考自:pink老师教案文章目录Web API获取元素根据ID获取根据标签名获取元素H5新增获取元素方式获取特殊元素Web API获取元素根据ID获取语法:document.getElementById(id)参数:id值,区分大小写的字符串;返回值:元素对象或null;举个例子HTML代码:<!DOCTYPE html><html lang="en"><head> <meta cha原创 2020-09-22 07:52:48 · 202 阅读 · 0 评论 -
WebAPI(part1)--API及DOM
学习笔记,仅供参考,有错必纠参考自:pink老师教案APIAPI的概念API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,无需理解其内部工作机制细节,只需直接调用使用即可。Web API的概念Web API 是浏览器提供的一套操作浏览器功能和页面元素的 API ( BOM 和 DOM )。现阶段我们主要针对于浏览器讲解常用的 AP原创 2020-09-22 07:43:19 · 263 阅读 · 0 评论 -
JavaScript入门(part12)--内置对象
学习笔记,仅供参考,有错必纠参考自:pink老师教案文章目录JavaScript入门内置对象Math对象日期对象数组对象字符串对象JavaScript入门内置对象Math对象 Math对象具有数学常数和函数的属性和方法。跟数学相关的运算(求绝对值,取整、最大值等)都可以使用 Math 中的成员,例如:属性、方法名功能Math.PI圆周率Math.floor()向下取整Math.ceil()向上取整Math.round()四舍五入,就近原创 2020-09-14 07:15:04 · 216 阅读 · 0 评论 -
JavaScript入门(part11)--对象
学习笔记,仅供参考,有错必纠参考自:pink老师教案文章目录JavaScript入门对象创建对象的三种方式利用字面量创建对象利用 new Object 创建对象利用构造函数创建对象new关键字的作用变量、属性、函数、方法总结JavaScript入门对象创建对象的三种方式利用字面量创建对象创建对象通过花括号{} 创建对象,花括号 {} 中包含了表达这个具体事物(对象)的属性和方法;{} 里面采取键值对的形式表示,例如:var Bunny = { name : 'Hu原创 2020-09-13 22:57:11 · 199 阅读 · 0 评论 -
JavaScript入门(part10)--作用域
学习笔记,仅供参考,有错必纠参考自:pink老师教案文章目录JavaScript入门作用域作用域概述全局作用域局部作用域变量的作用域全局变量局部变量全局变量和局部变量的区别作用域链JavaScript入门作用域作用域概述通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。全局作用域作用于所有代码执行的环境(整个script标签内部)或者一个独立的原创 2020-09-13 16:12:09 · 181 阅读 · 0 评论 -
JavaScript入门(part9)--函数
学习笔记,仅供参考,有错必纠参考自:pink老师教案文章目录JavaScript入门函数函数的概念函数的使用函数的参数函数的返回值arguments的使用函数的两种声明方式JavaScript入门函数函数的概念函数:就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。函数的使用声明函数// 声明函数function 函数名() { //函数体代码}调用函数// 调用函数函数名(); // 通过调用函数名来执行函原创 2020-09-13 15:43:10 · 221 阅读 · 0 评论 -
JavaScript入门(part8)--数组
学习笔记,仅供参考,有错必纠参考自:pink老师教案文章目录JavaScript入门数组数组的概念创建数组获取数组中的元素数组的length属性JavaScript入门数组数组的概念数组可以把一组相关的数据一起存放,并提供方便的访问(获取)方式;数组是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。创建数组JavaScript中中创建数组有两种方式。利用 new 创建数组var 数组名原创 2020-09-13 09:22:59 · 182 阅读 · 0 评论 -
JavaScript入门(part7)--流程控制
学习笔记,仅供参考,有错必纠参考自:pink老师教案文章目录JavaScript入门流程控制流程控制概念顺序流程控制分支流程控制三元表达式switch分支流程控制for循环双重for循环while循环do while循环continue/breakJavaScript入门流程控制流程控制概念在一个程序执行的过程中,各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。流程控制主要有三种结构,分别是顺序结构、分支结构和循环结构,代表三原创 2020-09-13 06:50:29 · 205 阅读 · 0 评论 -
JavaScript入门(part6)--运算符
学习笔记,仅供参考,有错必纠参考自:pink老师教案文章目录JavaScript入门运算符运算符的分类算数运算符递增和递减运算符比较运算符逻辑运算符赋值运算符运算符优先级JavaScript入门运算符运算符的分类运算符也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符号。JavaScript中常用的运算符有:算数运算符递增和递减运算符比较运算符逻辑运算符赋值运算符算数运算符算术运算符概述浮点数的精度问题浮点数值的最高精度是 17 位小数原创 2020-09-12 22:57:28 · 136 阅读 · 0 评论 -
JavaScript入门(part5)--数据类型转换
学习笔记,仅供参考,有错必纠参考自:pink老师教案文章目录JavaScript入门获取变量数据类型数据类型转换转换为字符串转换为数字型转换为布尔型JavaScript入门获取变量数据类型typeof可用来获取检测变量的数据类型:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="原创 2020-09-12 21:18:13 · 230 阅读 · 0 评论 -
JavaScript入门(part4)--简单数据类型
学习笔记,仅供参考,有错必纠参考自:pink老师教案文章目录JavaScript入门简单数据类型数字型number数字型范围数字型三个特殊值函数isNaN字符串型string布尔型booleanundefined和 nullJavaScript入门简单数据类型JavaScript 中的简单数据类型及其说明如下:数字型numberJavaScript 数字类型既可以保存整数,也可以保存小数(浮点数):var age = 21; // 整数var Age = 21.原创 2020-09-12 20:26:29 · 209 阅读 · 0 评论 -
JavaScript入门(part3)--变量
学习笔记,仅供参考,有错必纠参考自:pink老师教案文章目录JavaScript入门变量变量声明赋值变量的初始化变量语法扩展变量命名规范JavaScript入门变量变量声明语法:var age; // 声明一个 名称为age 的变量 var是一个 JS关键字,用来声明变量,使用该关键字声明变量后,计算机会自动为变量分配内存空间。age是程序员定义的变量名,我们要通过变量名来访问内存中分配的空间。赋值语法:age = 10; // 给 age 这个变量赋值为原创 2020-09-10 14:55:25 · 230 阅读 · 0 评论 -
JavaScript入门(part2)--JS书写方式及注释
学习笔记,仅供参考,有错必纠参考自:pink老师教案文章目录JavaScript入门JS书写方式行内式内嵌式外部JS文件JS注释JavaScript入门JS书写方式JS有3种书写方式,分别为行内、内嵌和外部,下面我们将进行一一演示。行内式举个例子HTML代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta nam原创 2020-09-10 14:12:48 · 252 阅读 · 0 评论 -
JavaScript入门(part1)--初识JavaScript
学习笔记,仅供参考,有错必纠参考自:pink老师教案文章目录JavaScript入门初识JavaScriptJavaScript 是什么JavaScript的作用浏览器执行JS简介JS的组成JavaScript入门初识JavaScriptJavaScript 是什么JavaScript 是世界上最流行的语言之一,是一种运行在客户端的脚本语言 。脚本语言,即不需要编译,运行过程中由 js 解释器( js 引擎)逐行来进行解释并执行。JavaScript的作用表单动态校验(密码原创 2020-09-10 13:17:53 · 243 阅读 · 0 评论