
JavaScript
文章平均质量分 89
前端进阶,页面交互
啵啵丶
https://blog.youkuaiyun.com/fhsbvs
展开
-
JavaScript 的内置对象
今天给大家分享一波 JavaScript 的内置对象以及比较常用的对象的属性和方法(ง ˙o˙)วJavaScript 中的所有事物都是对象:Number、String、Array、Object、Function 等等其中 Object 是所有对象的父对象在 JavaScript 中,对象是拥有属性和方法的数据一开始接触对象的时候,我学的也不是很好,当时觉得对象好复杂,老是记不住定义对象的几种方法以及对象的使用,基本靠死记硬背。果然后面再用的时候忘得一干二净。不过对象和数组对象是...原创 2022-01-21 18:24:26 · 1166 阅读 · 2 评论 -
开启前端新篇章-------JavaScript
目录一、什么是编程语言二、JavaScript介绍1.HTML/CSS/JS的关系:2.JavaScript 组成3.JS三种书写位置4.JS输入输出语句三、浏览器执行JS简介 四、Javascript变量1.什么是变量2.变量的使用3.变量语法扩展4.变量的命名规范5.交换两个变量值五、Javascript数据类型 1.为什么需要数据类型2. JS中简单数据类型3. typeof检测变量数据类型4.数据类型转...原创 2021-08-31 16:36:16 · 241 阅读 · 4 评论 -
既然打开了JavaScript的大门就继续往里走吧!
目录一、Javascript 函数1. 函数的概念2. 声明函数3. 调用函数4. 函数的封装5. 函数的参数6. return二、javascript作用域及预解析1.函数的两种声明方式2.JS作用域2.1 作用域2.2 变量2.3 作用域链三、Javascript对象1. 什么是对象2. 创建对象(object)的三种方式2.1 利用 字面量 创建对象2.2 利用 new Object 创建对象2.3 利用 构造函数 ...原创 2021-09-10 09:15:53 · 208 阅读 · 7 评论 -
看完了BOM还不会的来找我!
目录一、什么是 BOM1.BOM与DOM的区别2.窗口加载事件2.1. load2.2. DOMContentLoaded3.调整窗口大小事件二、定时器1. setTimeout()2. setInterval()三、JS同步和异步四、offset、client、scroll三大家族介绍1.offset2.client3.scroll五、缓动动画的原理和封装1.mouseenter 和 mouseleave2. 动...原创 2021-09-24 09:59:01 · 152 阅读 · 17 评论 -
BOM对象——在移动端的实现
一、移动端触屏事件 touch触屏事件 touch(也称触摸事件)touch 对象代表一个触摸点。触摸点可能是一根手指,也可能是一根触摸笔。触屏事件可响应用户手指(或触控笔)对屏幕或者触控板操作常见的触屏事件如下:touchstart : 手指触摸到一个 DOM 元素时触发touchmove:手指在一个DOM 元素上滑动时触发touchend:手指从一个DOM 元素上移开时 触发二、移动端触摸事件对象TouchEvent 是一类描述手指在触摸平面(触摸屏、触摸..原创 2021-09-30 08:40:44 · 216 阅读 · 3 评论 -
JavaScript---------Date()日期对象
四、 Javascript内置对象1. 什么是内置对象JS中的对象分为3种: 自定义对象、内置对象、浏览器对象内置对象就是指JS语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基本而必要的功能(属性和方法)JS提供了多个内置对象: Math、Date、Array、 String 等2. Math 绝对值和三个取整方法Math.abs('-1');绝对值 存在隐式转换,会把字符串型-1转换为数字型。当然如果写了一个'p'字符则会返回 NaN三个取整方法...原创 2021-09-13 19:01:13 · 451 阅读 · 2 评论 -
Web API介绍及DOM对象(一)
目录一、API 和 Web API1.API2.Web API3.API 和 Web API总结二、DOM 介绍1. DOM树三、获取元素方法1.getElementById()2.getElementsByTagName 2.1element.getElementsByTagName()3.HTML5 新增的方法获取3.1document.getElementsByClassName('类名')3.2document.querySe...原创 2021-09-15 18:48:42 · 534 阅读 · 10 评论 -
Web API介绍及DOM对象(二)
目录一、排他思想以及获取、设置、移除属性1.排他思想2.获取属性的值3.设置属性的值4.移除属性5.案例:表格隔行变色(通过改变 this.className的值来获取样式)6. 排他思想按钮案例7.tab栏切换案例(设置属性、获取属性用法)一、排他思想以及获取、设置、移除属性1.排他思想如果有同一组元素,我们想要某一个元素实现某种样式,需要用到循环的排他思想算法:1. 所有元素全部清除样式2. 给当前元素设置样式(后面会有案例练习)...原创 2021-09-22 09:51:31 · 138 阅读 · 2 评论 -
Web API介绍及DOM对象(三)
目录一、为什么学习节点操作以及什么是节点二、父节点三、子节点1. parentNode.childNodes(标准)2. parentNode.children(非标准)3.案例:下拉菜单(用到的知识点:获取子节点和修改类名样式属性)四、兄弟节点1. node.nextSibling2. node.nextElementSibling3. 自己封装一个兼容性的函数五、创建和添加节点1. 创建节点:document.createElement('tagNa...原创 2021-09-23 10:56:37 · 133 阅读 · 2 评论 -
Web API介绍及DOM对象(四)
目录一、注册事件三种方式1. 传统方式2. 方法监听注册方式3.attachEvent( )二、删除事件的三种方式1. 传统方式2. 方法监听删除方式3.detachEvent( )三、事件流理论及验证四、事件对象五、事件对象常见属性和方法1. e.target 和 this 的区别2. 阻止默认行为3.阻止事件冒泡4.事件委托5. 禁止选中文字和禁止右键菜单5.1 禁止鼠标右键菜单5.2禁止鼠标选中( selectsta...原创 2021-09-24 09:36:06 · 138 阅读 · 1 评论