JavaScript基础
文章平均质量分 60
NGUP_LEE
毕业之后找到了一份还可以的工作,就是少了一些上学时学习的激情,上班就已经搞得自己精疲力尽,偶尔点开自己的博客,看到自己的学习笔记还可以帮助到不少的同学感到很开心。
加油,陌生人,如果你是为了挣钱,请努力,互联网不会辜负你,最重要的是你要考虑清楚自己的方向~
展开
-
javascript中 tostring() 与 String格式化字符串的区别
括号中的可以写一个数字,代表进制,对应进制字符串,原创 2022-12-02 14:27:47 · 340 阅读 · 0 评论 -
JavaScript基础——window对象、BOM对象
文章目录1、BOM(浏览器对象模型)2、定时器——延时函数3、 JS执行机制3.1 同步和异步4、 location对象5、navigator对象6、history对象1、BOM(浏览器对象模型)BOM(Browser Object Model)是浏览器对象模型window对象是浏览器内置的全局对象,大部分webAPIs的只是内容都是基于Window实现的window对象下包含了navigator 、location 、document、history、screen五个属性,即所谓的BOMdoc原创 2022-04-06 17:23:34 · 1536 阅读 · 0 评论 -
JavaScript基础——滚动事件、加载事件、三大家族
文章目录一、滚动事件和加载事件1.1 滚动事件1.2 加载事件二、元素的大小和位置2.1 scroll家族2.2 offset家族2.3 client家族一、滚动事件和加载事件1.1 滚动事件当页面滚动时触发的事件时间名:scroll样例,监听整个页面滚动:window.addEventListener('scroll',funtion(){ //执行操作})可以给window或者document添加scroll事件1.2 加载事件加载外部资源(如图片、外联CSS和JavaScr原创 2022-04-05 17:29:57 · 4073 阅读 · 0 评论 -
JavaScript基础——事件流、事件委托
1、事件流1.1 事件流与两个阶段的说明事件流指的是事件完整执行过程中的流动路径假设页面里有个div,当触发事件时,会经历两个阶段,分别是捕获阶段、冒泡阶段捕获阶段:从父到子。 冒泡阶段:从子到父1.2 事件捕获和事件冒泡1.2.1事件捕获阶段事件捕获是指事件被触发时从DOM根元素开始去执行对应的事件(从里到外)事件捕获需要写相应的代码才能看到效果:DOM.addEventListener(事件类型,事件处理函数,是否使用捕获机制)若在是否使用捕获机制处传入 true 则代表是原创 2022-03-29 10:13:03 · 2285 阅读 · 0 评论 -
JavaScript基础——事件对象及其属性
1、 获取事件对象事件对象是事件在被触发时产生的一个对象,这个对象里有事件触发时的相关信息例如:鼠标点击事件中,事件对象就存了鼠标点在哪个位置等信息获取事件对象:在事件绑定的回调函数的第一个参数就是事件对象,一般命名为event、ev、e//e就是事件对象元素.addEventListener('click',function(e){ alert('测试')})2、 事件对象的常用属性部分常用属性type,获取当前的事件类型clientX/clientY,获取光标相对于浏览器当原创 2022-03-29 09:35:19 · 1935 阅读 · 0 评论 -
JavaScript基础——事件对象、时间戳
1、时间对象实例化时间对象:用来表示时间的对象作用:可以得到当前系统的时间代码中 new 关键字一般用来实例化对象创建一个时间对象并获取时间获取当前时间 let date = new Date()获取指定时间 let date = new Date('1949-10-01 18:30:01')代码样例let date = new Date()console.log(date)let last = new Date('2021-8-29 18:30:00')console.lo原创 2022-03-28 10:39:14 · 1263 阅读 · 0 评论 -
JavaScript基础——DOM节点操作
1、DOM节点DOM树里每一个内容都称之为节点1.1 节点类型元素节点所有的标签比如body、divhtml是根节点属性节点所有的属性,比如href文本节点所有的文本其他文档对象模型2、查找节点2.1 父节点查找parentNode属性语法:子元素.parentNode功能:返回最近一级的父节点,找不到返回为null2.2 子节点查找childNodes属性获得所有子节点、包括文本节点(空格、换行)、注释节点等children属性(重点)仅获得所原创 2022-03-27 20:31:35 · 902 阅读 · 0 评论 -
JavaScript基础——事件、高阶函数
文章目录1、事件1.1 事件以及事件监听器1.2 事件类型1.3 事件监听的版本2、高阶函数2.1 函数表达式2.2 回调函数3、环境对象1、事件1.1 事件以及事件监听器事件就是在编程时系统内发送的动作或者发生的事情,比如用户在网页上单击一个按钮什么是事件监听?就是让程序检测是否有事件产生,一旦有事件触发,就立即调用一个函数做出响应,也称为 注册事件语法:元素.addEventListener('事件',要执行的函数)事件三要素:事件源:某个dom元素被触发了,要获取这个dom元素事件原创 2022-03-26 16:00:55 · 810 阅读 · 0 评论 -
JavaScript基础——DOM
文章目录1、Web API2、DOM2.1 DOM 简介2.2 DOM树2.3 DOM对象3、获取DOM元素3.1 根据CSS选择器获取DOM元素3.1.1 选择匹配的第一个元素3.1.2 选择匹配多个元素3.2 其他方法获取DOM元素4、设置DOM元素的内容4.1 document.write()方法4.2 对象.innerText属性4.3 对象.innerHTML属性4.4 区别5、修改DOM元素的内容6、设置、修改元素样式属性6.1 通过style属性操作CSS7、定时器、间歇函数7.1 开启定时器原创 2022-03-22 21:24:07 · 1529 阅读 · 0 评论 -
JavaScript基础——匿名函数
1、匿名函数将匿名函数赋值给一个变量,并且通过变量名称进行调用,我们将这个称为函数表达式匿名函数:let fn = function(){ 函数体}调用:fn()2、立即执行函数语法:// 方式一(function (形参x,形参y) {console.log(111)}) (实参x,实参y);//方式二(function (形参x,形参y) { console.log(222)} (实参x,实参y));立即执行函数不需要调用,立即执行立即执行函数可以避免全局变.原创 2022-03-19 18:58:56 · 968 阅读 · 0 评论 -
JavaScript基础——作用域以及作用链
作用域概述通常来说,一段程序代码中所用到的名字(变量名,函数名),并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字的冲突1、变量的作用域在JavaScript中,根据作用域的不同,变量可以分为注意:如果函数内部或者块级作用域内部,某个变量没有声明,直接使用,也当全局变量看,但是不推荐使用但是有一种情况,函数内部的形参也可以看作是局部变量变量访问原则-作用域链思考:在不同的作用域下,可能存在原创 2022-03-19 18:39:53 · 691 阅读 · 0 评论 -
JavaScript基础——数据类型的检测及转换
1、数据类型检测1.1 控制台输出语句检测在控制台输出时,颜色为蓝色表示数值类型,颜色为黑色表示字符串类型1.2 typeof 检测数据类型样例代码:console.log(typeof num)2、数据类型转换JavaScript是弱数据类型,只有对变量进行赋值之后才知道变量属于什么数据类型所以就导致在使用表单,prompt等获取过来的数据默认是字符串类型的,此时就无法直接用其进行加减法运算两个字符换用+号连接时,会进行拼接字符串此时就需要进行数据类型的转换,就是把一种数据原创 2022-03-17 19:59:22 · 1292 阅读 · 0 评论 -
JavaScript基础——数据类型
文章目录1、数据类型分类2、数字类型(number)3、字符串类型(string)3.1 模板字符串4、布尔类型(boolean)5、未定义类型(undefined)6、空类型(null)7、总结使用1、数据类型分类JS数据类型整体分为两大类:基本数据类型引用数据类型基本数据类型:number数字型string字符串型boolean布尔型undefined未定义型null空类型引用数据类型:object对象function函数array数组2、数字类型(number)可以原创 2022-03-17 17:14:40 · 540 阅读 · 0 评论 -
JavaScript基础——JavaScript介绍与变量的使用
1、JavaScript的基本介绍JavaScript是什么?JavaScript是一门编程语言,可以实现很多的网页交互效果JavaScript书写位置?内联JavaScript内部JavaScript,写到</body>标签上边外部JavaScript,通过src属性引入到 html 页面中,但是<script>标签中不能些内容,否则会被忽略JavaScript注释单上注释://多行注释:/* */JavaScript的结束符是什么?分号原创 2022-03-17 10:15:04 · 658 阅读 · 0 评论 -
JavaScript基础——常见的输入输出语法
输入和输出也可以理解为任何计算机的交互,用户通过键盘、鼠标等向计算机输入信息,计算机处理后再展示给用户,这便是一次输入和输出的过程输出语法document.write('内容');向body输出内容,如果输出的内容写的是标签,那么其也会被解析成网页元素alert(‘内容’);页面弹出警告对话框console.log(‘内容’;)控制台输出语法,程序员调试使用输入语法prompt('内容');显示一个对话框,包含一条文字信息,用来提示用户输入文字...原创 2022-03-16 10:19:43 · 2063 阅读 · 0 评论