![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
不放弃每一天
这个作者很懒,什么都没留下…
展开
-
JavaScript之核心(十一)--- JavaScript DOM事件详解
12.1 DOM事件两种格式的不规范写法事件嵌套在HTML文件中:<div onclick="console.log('xxx')"></div>不易于文件分离事件方法替换:dom.onclick = function() {};这种写法只能在这个 DOM 上绑定一个点击事件,下一个设置onclick将会替换上一个事件方法对此:使用addEventLi...原创 2020-04-03 15:56:24 · 138 阅读 · 0 评论 -
JavaScript之核心(十)--- JavaScriptDOM细化
DOM 是整个 Javascript 甚至 整个前端 最最核心的内容11.1 什么是 DOM?(DOM) 是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。DOM 是 Document Object Model(文档对象模型)的缩写。文档对象模型 (DOM) 可以将 web 页面 和 脚本编程语言 连接起来web 页面这里的 web 页面,也就...原创 2020-04-02 23:52:56 · 240 阅读 · 0 评论 -
JavaScript之干货(九)--- JavaScript BOM
什么是BOM?BOM是一套操作HTML标签的API(接口/方法/属性)、同时还可以交互CSS的标签页面交互功能:浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器"对话"。BOM是由一系列相关对象构成,每个对象都提供了很多方法和属性。常见的BOM对象:window:代表整个浏览器窗口(window是BOM中的一个对象,并且是顶级的对象)Navigator :代表...原创 2020-04-02 01:48:00 · 96 阅读 · 0 评论 -
JavaScript之干货(八)--- JavaScript内置对象②(Array、Date)
9.1 内置对象:Array()方法一:连接数组:join()join()方法以指定参数作为分隔符(与字符串中的split()相反),将所有数组成员连接为一个字符串返回。如果不提供参数,默认用逗号分隔:let arr = [1, 2, 3, 4];arr.join(' ') // '1 2 3 4'arr.join(' | ') // "1 | 2 | 3 | 4"arr.joi...原创 2020-04-01 18:16:09 · 119 阅读 · 0 评论 -
JavaScript之干货(七)--- JavaScript内置对象(Math、Storage、String)
8.1 Math、Storage对象在上一章写随机数的时候我们用到了 Math.random 方法,其实 Math 也是 JavaScript的一个原生对象,它能提供各种数学功能。该对象不是构造函数,不能生成实例,所有的属性和方法都必须在Math对象上调用。Math对象的静态属性,提供以下一些数学常数:常量:Math.E // 常数e。Math.LN2 // 2 的自然对数。Ma...原创 2020-04-01 17:34:01 · 124 阅读 · 0 评论 -
JavaScript之干货(六)--- JavaScript对象(一)
7.1JavaScript 对象是拥有属性和方法的数据,也是重要的数据类什么是对象?简单说,对象就是一组“键值对”(key-value)的集合,是一种无序的复合数据集合:let person = { firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};构成:大括号:定义一个对象;p...原创 2020-03-30 13:57:11 · 112 阅读 · 0 评论 -
JavaScript之干货(五)--- 函数的案例(计时器)
6.5函数案例—计时器1生活常识:注册、登录时遇到验证手机号获取验证码之后,为了防止用户频繁获取验证码,我们会在点击获取后开始倒计时 60s,在这段时间里用户不能再次获取验证码。倒计时每一秒会更新一下,这个可以用 js 提供的定时执行代码函数 setTimeout() 和 setInterval() 来完成。这个定时执行代码的功能,叫做定时器(timer)。setTimeout()定义和用法...原创 2020-03-30 12:58:13 · 207 阅读 · 0 评论 -
JavaScript之干货(四)--- 函数
6.1函数的介绍什么叫函数:函数是一段可以反复调用的代码块,往往能够实现一个特定的功能。它可以解决代码重复的问题。在 JavaScript 中,函数是头等(first-class)对象,有时我们也可称其为方法。我们可以把要重复调用的代码块写成一个函数,这样就可以在每次需要实现对应功能的时候,调用这个函数。首先JavaScript的内置函数:获取随机数 Math.random():通过上...原创 2020-03-29 23:00:38 · 122 阅读 · 0 评论 -
JavaScript之干货(三)--- 数组(二)&&循环(for while) &&跳出循环(break、continue)
4.3二维数组之前讲过一维数组:我们知道一维数组是一个方括号[ ],那么二维数组就是在一维数组内继续添加方括号[ ],即数组内部继续添加数组;// 定义一个一维数组let arr = [];// 给一维数组里面添加数组,这一步很关键,如果不添加数组`[]`就直接使用arr[0] = [];arr[0][0] = '宇智波佐助';arr[0][1] = '男';arr[0][2...原创 2020-03-20 23:55:17 · 347 阅读 · 0 评论 -
JavaScript之干货(二)---条件判断、数组
3.1布尔类型布尔类型数据简单来说就是true和false(假),它在我们后面学习流程控制语句和条件判断的时候使用非常频繁.可以理解为一个值,它和字符串、数值一样,都是作为一个值来赋给变量的,例如:let flag = true;let allow = false;非空字符串转布尔类型:true空字符串转:false非零数字转:true零数字转:false逻辑与&...原创 2020-03-19 15:56:38 · 312 阅读 · 0 评论 -
JavaScript之干货(一)---走进JS世界
1.1 如何使用在HTML中两种方式> 一种是在body标签内末尾使用script标签> 另一种则是<script src="index.js"><script>1.2 在三元表达式中使用模板字符串涉及转义符,反引号,占位符let str = `我是${ true ? `浙江--${true ? '杭州' : '丽水'}` : `江苏-${t...原创 2020-03-19 15:12:46 · 151 阅读 · 0 评论