爱搞搞-优快云博客

原创 js教程 - EVENT（上）【011】

EVENT（上）之前我们简单的了解过一些事件，比如 onclick / onload / onscroll / … 今天开始，我们详细的学习一些事件什么是事件一个事件由什么东西组成触发谁的事件：事件源触发什么事件：事件类型触发以后做什么：事件处理函数 var oDiv = document.querySelector('div') oDiv.onclick = function () {} // 谁来触发事件 => oDiv => 这个事件的事件源就是 oDiv //

2021-11-23 20:15:00 1416

原创 js教程 - DOM（下）【010】

DOM（下） DOM 就是我们 html 结构中一个一个的节点构成的不光我们的标签是一个节点，我们写的文本内容也是一个节点，注释，包括空格都是节点 DOM节点 DOM 的节点我们一般分为常用的三大类元素节点 / 文本节点 / 属性节点什么是分类，比如我们在获取元素的时候，通过各种方法获取到的我们叫做元素节点（标签节点）比如我们标签里面写的文字，那么就是文本节点写在每一个标签上的属性，就是属性节点元素节点我们通过 getElementBy... 获取到的都是元素节点属性节点我们

2021-11-22 16:30:00 1371

原创 js教程 - BOM / DOM（上）【009】

BOM / DOM（上）今天开始我们开始使用 js 去操作浏览器和页面中的 html 元素了 BOM BOM（Browser Object Model）：浏览器对象模型其实就是操作浏览器的一些能力我们可以操作哪些内容获取一些浏览器的相关信息（窗口的大小）操作浏览器进行页面跳转获取当前浏览器地址栏的信息操作浏览器的滚动条浏览器的信息（浏览器的版本）让浏览器出现一个弹出框（alert/confirm/prompt） BOM 的核心就是 window 对象 window 是浏览器内

2021-11-21 17:45:00 869

原创 js教程 - Math 和 Date【008】

Math 和 Date Math 是 js 的一个内置对象，提供了一堆的方法帮助我们操作数字 Date 是 js 的一个内置对象，提供了一堆的方法帮助我们操作时间 Math 没有什么多余的东西，就是一堆的方法来操作数字 random Math.random() 这个方法是用来生成一个 0 ~ 1 之间的随机数每次执行生成的数字都不一样，但是一定是 0 ~ 1 之间的生成的数字包含 0 ，但是不包含 1 var num = Math.random() console.log(num

2021-11-20 19:15:00 929

原创 js教程-ES5/String【007】

ES5/String 严格模式（了解）我们都知道 js 是一个相对不很严谨的语言而且开发的时候，一些代码也不是很严格要求而严格模式就是对开发的时候写的一些内容做了要求开启严格模式想开启严格模式，直接在代码最开始的位置写上字符串 use strict <script> 'use strtic' // 下面代码书写就要按照严格模式来书写 </script> 严格模式的规则声明变量必须有 var 关键字 'use strtic' var num = 10

2021-11-19 18:30:00 1815

原创 js基础-数组【006】

数组什么是数组？字面理解就是数字的组合其实不太准确，准确的来说数组是一个数据的集合也就是我们把一些数据放在一个盒子里面，按照顺序排好 [1, 2, 3, 'hello', true, false] 这个东西就是一个数组，存储着一些数据的集合数据类型分类 number / string / boolean / undefined / null / object / function / array / … 数组也是数据类型中的一种我们简单的把所有数据类

2021-11-18 10:59:12 843

原创 js基础-函数（下）【005】

函数（下）作用域（重点）什么是作用域，就是一个变量可以生效的范围变量不是在所有地方都可以使用的，而这个变量的使用范围就是作用域全局作用域全局作用域是最大的作用域在全局作用域中定义的变量可以在任何地方使用页面打开的时候，浏览器会自动给我们生成一个全局作用域 window 这个作用域会一直存在，直到页面关闭就销毁了 // 下面两个变量都是存在在全局作用域下面的，都是可以在任意地方使用的 var num = 100 var num2 = 200 局部作用域局部作用域就

2021-11-17 17:31:30 705

原创 js基础-函数（上）【004】

函数（上）我们代码里面所说的函数和我们上学的时候学习的什么三角函数、二次函数之类的不是一个东西函数的概念对于 js 来说，函数就是把任意一段代码放在一个盒子里面在我想要让这段代码执行的时候，直接执行这个盒子里面的代码就行先看一段代码 // 这个是我们以前写的一段代码 for (var i = 0; i < 10; i++) { console.log(i) } // 函数，这个 {} 就是那个 “盒子” function fn() { // 这个函数我们以前

2021-11-17 14:38:00 1289

原创 js基础-循环结构【003】

循环结构循环结构，就是根据某些给出的条件，重复的执行同一段代码循环必须要有某些固定的内容组成初始化条件判断要执行的代码自身改变 WHILE 循环 while，中文叫当…时，其实就是当条件满足时就执行代码，一旦不满足了就不执行了语法 while (条件) { 满足条件就执行 } 因为满足条件就执行，所以我们写的时候一定要注意，就是设定一个边界值，不然就一直循环下...

2019-12-12 12:33:35 5237

原创 js基础-分支结构【002】

分支结构我们的 js 代码都是顺序执行的（从上到下）逻辑分支就是根据我们设定好的条件来决定要不要执行某些代码 IF 条件分支结构（重点） if 语句通过一个 if 语句来决定代码执行与否语法： if (条件) { 要执行的代码 } 通过 () 里面的条件是否成立来决定 {} 里面的代码是否执行 // 条件为 true 的时候执行 {} 里面的代码 if (true) { ...

2019-12-12 12:31:02 2289

原创 JavaScript基础语法【001】

JavaScript基础语法 HTML ：标记语言 JavaScript ：编程语言序言 JavaScript发展历史（JS） 1. 1994年，网景公司(Netscape)发布了Navigator浏览器0.9版，这是世界上第一款比较成熟的网络浏览器，轰动一时。但是这是一款名副其实的浏览器--只能浏览页面，浏览器无法与用户互动,当时解决这个问题有两个办法，一个是采用现有的语言,许它们直接嵌入...

2019-12-05 11:04:46 8429