JavaScript 学习笔记
关注
分享
扫一扫
记录 JavaScript 的学习
南淮北安
好好学习
展开
-
学习 JavaScript 一篇博客就够了（珍藏版）
文章目录一、学习目录二、扩展目录一、学习目录JavaScript 基础语法JavaScript 基本对象（1） RegExp 正则表达式对象DOM 和事件的简单学习BOM（Browser Object Model ）DOM（Document Object Model）动态表格案例实现事件监听机制表格全选案例表单验证案例二、扩展目录innerHTML 与 innerT...原创 2020-02-29 12:37:10 · 1992 阅读 · 0 评论
-
（JavaScript）表单验证案例
文章目录一、案例效果二、代码一、案例效果分析：（1）给表单绑定 onsubmit 事件，监听器判断每一个方法的校验结果（2）定义方法校验每个表单项（3）给每个表单项绑定 onblur 事件注意：（1）<span> 标签被用来组合文档中的行内元素。（2）处理离焦事件时：document.getElementById("username").onblur = check...原创 2020-02-26 23:48:24 · 1246 阅读 · 1 评论 -
（JavaScript）表格全选案例
文章目录一、效果图二、代码一、效果图实现的目标：（1）实现全选、全不选、反选按钮功能（2）实现点击第一行按钮，会同时控制其余三行按钮（3）实现鼠标移到哪一行，哪一行背景颜色变为红色注意：（1）先加载整个页面：onload = function () {}（2）复选框 checkbox，选中和未选中靠属性checked控制二、代码<!DOCTYPE html>&l...原创 2020-02-26 19:53:15 · 563 阅读 · 0 评论 -
（JavaScript）事件监听机制
具体学习点击参考文章目录一、 概念二、常见的事件一、 概念某些组件被执行了某些操作后，触发某些代码的执行。事件：某些操作。如： 单击，双击，键盘按下了，鼠标移动了事件源：组件。如： 按钮 文本输入框...监听器：代码。注册监听：将事件，事件源，监听器结合在一起。 当事件源上发生了某个事件，则触发执行某个监听器代码。二、常见的事件点击事件：（1）onclick：单击...原创 2020-02-26 16:25:18 · 635 阅读 · 0 评论 -
动态表格案例实现
文章目录一、效果界面二、代码实现一、效果界面分析：（1）普通的 HTML 界面，主要是，表格创建，style 设置（2）将添加按钮与表格增加事件联系起来（3）处理删除按钮的操作二、代码实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...原创 2020-02-26 11:42:53 · 1098 阅读 · 0 评论 -
DOM（Document Object Model）
文章目录一、基本概念二、核心DOM模型三、HTML DOM一、基本概念Document Object Model 文档对象模型将标记语言文档的各个组成部分，封装为对象，可以使用这些对象，对标记语言文档进行CRUD的动态操作W3C DOM 标准被分为 3 个不同的部分：（1）核心 DOM - 针对任何结构化文档的标准模型 * Document：文档对象 * Element：元素...原创 2020-02-26 13:11:10 · 395 阅读 · 0 评论 -
JavaScript 中 innerHTML 与 innerText 的用法与区别
文章目录一、innerHTML二、innerText三、innerHTML 与 innerText 的用法与区别一、innerHTMLinnerHTML 可获取或设置指定元素标签内的 html内容，从该元素标签的起始位置到终止位置的全部内容(包含html标签)这里的包含 HTML 标签的意思是，包含标签所产生的的效果获取元素的内容：element.innerHTML;给元素设置内容：el...原创 2020-02-25 00:16:04 · 1795 阅读 · 0 评论 -
BOM（Browser Object Model ）
具体学习点击参考文章目录一、概念二、组成三、Window：窗口对象四、 Location：地址栏对象五、History：历史记录对象六、轮播图小案例七、跳转页面小案例一、概念Browser Object Model 浏览器对象模型将浏览器的各个组成部分封装成对象。二、组成 * Window：窗口对象 * Navigator：浏览器对象 * Screen：显示器屏幕对象 * His...原创 2020-02-24 23:53:57 · 388 阅读 · 0 评论 -
DOM 和事件的简单学习
文章目录一、DOM的简单学习二、事件的简单学习三、电灯开关案例一、DOM的简单学习具体学习可点击参考文档对象模型（Document Object Model）：控制html文档的内容获取页面标签(元素)对象：Element * document.getElementById("id值"):通过元素的id获取元素对象 操作Element对象： （1）修改属性值： 明确获取的对...原创 2020-02-23 20:12:39 · 403 阅读 · 0 评论 -
一篇文章带你搞定 JavaScript 中的基本对象
文章目录一、 Function：函数(方法)对象二、Array:数组对象三、 Boolean四、Date：日期对象五、Math：数学对象六、 RegExp 正则表达式对象七、Global一、 Function：函数(方法)对象JavaScript function 语句：点击参考创建：（1） var fun = new Function(形式参数列表,方法体); //不常见，见过即可...原创 2020-02-22 13:11:51 · 397 阅读 · 0 评论 -
（JavaScript）一文学习ECMAScript 基础语法就够了
文章目录一、JavaScript简介二、ECMAScript1. 基本语法：一、JavaScript简介概念： 一门客户端脚本语言* 运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎* 脚本语言：不需要编译，直接就可以被浏览器解析执行了功能： 可以来增强用户和html页面的交互过程，可以来控制html元素， 让页面有一些动态的效果，增强用户的体验。...原创 2020-02-19 22:26:04 · 652 阅读 · 0 评论