以下为本人学习JS的一些个人心得

Js全称JavaScript，是一门主要负责网页行为的脚本语言（脚本语言就是只能依托于其他语言才能产生作用，无法独立使用的语言）。相关有DOM模型，即document object model（文档对象模型），一个HTML在JS方面看就是一个DOM树，每一个标签是一个节点，JS就是对DOM树进行操作的脚本语言。
获取元素节点的一些方式：

document.getElementById() :根据id获取属性，返回单个节点

document.getElementByClassName():根据name属性获取，返回节点数组

document.getElementByTagName():根据标签名获取，返回节点数组

3.获取文本节点的方式：

获取文本节点所在的元素节点
获取元素节点的第一个子节点：元素节点.firstChild
获取文本节点值：元素节点.firstChild.nodeValue;这个方法可以直接赋值，以改变文本节点值

4.获取属性节点：元素节点.属性名;该方法可以直接赋值，以改变属性值。

5.获取子节点：

.firstChild 获取第一个子节点
.lastChild 获取最后一个子节点
.childNodes 获取所有的子节点并返回数组

6.JS内置对象：

window：代表浏览器，常用于window.onload事件，在页面所有元素加载完成后触发
document：带表HTML文档，通过该对象获取元素节点
console：代表控制台，通过log（）方法将数据打印到控制台，和Java里面的System.out.println()道理相同

7.this对象：指代当前触发事件的节点

8.创建节点:

创建元素节点：document.createElement("标签名")
创建文本节点：document.createTextNode("文本节点值");
创建属性：元素节点.属性名 = 值；

9.插入节点

将节点插入父节点中：父节点.appendChild(子节点)
将节点插入到指定节点前面父节点.insertBefore(新节点,指定节点)

10.删除节点：节点.remove(); 删除当前节点

11.确认提示框：

var flag = confirm("是否确定删除");

用户可选择确定或不确定返回值为布尔类型

12.正则表达式：验证文本内容是否符合业务逻辑

(1)特殊符合

/.../正则表达式结构

^ 正则表达式的开头

$ 正则表达式的结尾

\d 匹配内容为数字，等价[0-9]

\D 匹配内容不为数字，等价[^0-9]

\w 匹配内容为数字，大小写字母，等价于[A-Za-z0-9]

\W 匹配内容不为数字，大小写字母，等价于[^A-Za-z0-9]

. 匹配任意字符，包括符号，常与{}搭配，用于限制字符长度。

(2) {}限制验证的位数：

{n}   验证n个字符

{n,m}验证至少n个字符，最多m个字符。

{n,}   验证至少n个字符，无上限。

+     验证至少1个长度，最大不限

13.JS事件

onclick 单点击事件

ondbclick 双点击事件

onchange 内容改变事件

onmouseover 鼠标悬停事件

onmouseout 鼠标移出事件

onfous 光标聚集事件

onblur 失去焦点事件

onkeydown 键盘按下事件

14.事件冒泡

什么是事件冒泡

触发后代元素的事件，事件结束后会依次执行具有相同事件的祖先元素的事件代码

如何阻止事件冒泡

(1)需要在阻止事件冒泡的Js事件中加入[return false]

(2)event.stopPropagation();

15.Js事件监听机制

垂直监听 (这里的垂直监听是元素层级关系上的垂直，不是展示效果的垂直)

16.return false的功能

阻止元素默认行为。（元素默认行为指的是类似a标签或者form表单可以跳转页面等元素自带的行为）
阻止事件冒泡。

17.无标题

.nodeValue 获取节点值
.innerHTML 获取元素中的所有文档内容(包括换行、缩进) 来修改文档内容，或不赋值来获取内容
.innerText 获取元素中的所有文本内容(换行不会被识别成空格)可以赋值来替换文档内容，或不赋值来获取文本内容

此文档仅为个人学习简单总结，很多地方有所欠缺，欢迎大家指教。

JavaScript个人学习心得相关推荐

JavaScript初步学习心得
@Java Script学习心得 Java Script初步学习心得通过这一周大概的学习和了解,掌握了不少java script 的知识,了解了ajax jQuery的运用,还非常充分的学习了正则表 ...
Javascript的学习心得
介绍之前首先我们要了解浏览器执行js的过程渲染引擎: 用来解析html和css,俗称内核. JS引擎: 也称为JS解释器.用来读取网页中的js代码,对其处理后运行 Javascript的组成由三 ...
JavaScript学习笔记（十）——学习心得与经验小结
JavaScript学习笔记(十)--学习心得与经验小结目前我先列好提纲,利用每晚和周末的闲暇时间,将逐步写完 ^_^ 转载于:https://www.cnblogs.com/mixer/archi ...
HTML CSS JavaScript学习心得
前端学习感受时间过的很快,不知不觉中,已经在青鸟学习了一个半月的时间,前端的学习也接近了尾声.来青鸟之前,我是个门外汉,对于编程唯一的理解就是很难很高端的东西,但是在老师准确的教学之后,我感受到的 ...
Java EE学习心得
–Java EE学习心得 1. 称为编程专家的秘诀是: 思考-----编程--------思考------编程--.. 编程不能一步到位,不能一上来就编,必须先思考如何写,怎样写?然后再编程 ...
好程序员Web前端教程分享Vue学习心得
为什么80%的码农都做不了架构师?>>> 好程序员Web前端教程分享Vue学习心得,Vue是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue 被设计为可以自底向 ...
数据科学学习心得_学习数据科学
数据科学学习心得苹果 | GOOGLE | 现货 | 其他 (APPLE | GOOGLE | SPOTIFY | OTHERS) Editor's note: The Towards Data S ...
react项目中的参数解构_一天入门React学习心得
一天入门React学习心得阅读前必读本文写的仓促,算是一个学习笔记吧,算是一个入门级的学习文章.如果你刚刚入门,那么可能一些入门的视频可能更加适合你.但如果具备一些知识,比如Vue,那么视频就不适 ...
bootstrap思想总结_bootstrap学习心得总结-css样式设计分享
由于项目需要,所以打算好好学习下bootstrap框架,之前了解一点,框架总体不难,但涉及到的东西还是很多,想要熟练掌握它,还是要多练练. 一:bootstrap是什么? bs是什么? 即前端页面搭建 ...
【12月原创】RT-thread - 柿饼UI学习心得分享
柿饼UI学习心得分享(2) 概述介绍: Persimmon 是一套运行在RT-Thread嵌入式实时操作系统上的图形用户组件界面,用于提供图形界面的用户交互. 它采用C++语言编写,基于C语言实现的 ...

JavaScript个人学习心得

以下为本人学习JS的一些个人心得

JavaScript个人学习心得相关推荐

最新文章

热门文章