Himalaya-hsf

什么是 HTML DOM？ HTML DOM 是 HTML 的标准对象模型和编程接口。它定义了： 作为对象的 HTML 元素 所有 HTML 元素的属性 访问所有 HTML 元素的方法 所有 HTML 元素的事件 换言之：HTML DOM 是关于如何获取、更改、添加或删除 HTML 元素的标准。 ...

cookie 什么是cookie 在实际的网页访问中对于http是一种无状态的链接，当第一次访问网站之后，下一次再访问网站的时候，网站还会把它当做陌生人一样，这样的话当我们每次请求的话都要重新登录，很繁琐； 所以cookie就出来了，cookie实际就是保存一些信息，当我们向一个网站发起请求的时候，浏览器也会将cookie中的数据一并带去，当服务器会拿着cookie中的数据进行验证； cookie...

面向对象 定义 对于什么是面向对象呢？在js中对象就是将一组数据属性和函数进行封装的引用类型；在js中有两种数据类型：基本数据类型和引用类型，对象就是引用类型的一种，其实都是数据的封装； 创建对象 一、字面量： var obj = {}；//其实对于{}之间的是代码块，就是一块区间，也就是一组数据的封装 var obj = { name:"zhangshang"， age:13, ...

ES6 块级作用域 ES6中的块级作用域 指的是 {} 之间可以生成作用域 let关键字 通过let定义的变量 遵循ES6的块级作用域规范 块级作用域 if (true) { var a = 10; let b = 11; console.log(a); // 10 console.log(b); // 11 ...

正则表达式 正则表达式是专门针对字符串而定义出来。 它是一组规则 通过特定的字符来表示不同的字符串类型 正则表达式的定义 字面量定义 /正则表达式/修饰符 /\d+/g 构造函数定义 RegExp(正则表达式, 修饰符); new RegExp(“abc”, g) 第一个参数是正则表达式的表达体 第二个参数是正则表达式的修饰符 // 正则表达式是专门针对字符串而定义出来...

简单的拖拽 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi...

事件绑定方式 DOM0级 绑定 元素.on事件类型 = 事件函数 只能够绑定一个事件 因为它是对属性进行赋值 移除 元素.on事件类型 = null 我们都知道，一个对象的属性只能够保存一个值。 如果对一个对象属性进行多次赋值，后面赋值的属性会替换掉前面的属性 // 给document绑定事件 // document.onclick = functio...

复习 补充内容 window.onresize事件 它会在浏览器的窗口尺寸被改变时触发 它属于高频率事件 window 对象 是BOM对象本体，就是BOM对象的顶级对象 location/history/navigator/document 这几个都是window对象的属性 都属于BOM的属性 其中 document是对文档的具体对象。单独叫做DOM对象。 setInterval/setTi...

利用元素对象获取元素的属性值，如果元素没有此属性的话，就会返回undefined值 对于修改class的值的时候，要避免不使用元素对象直接调用class，要用 // div.className = “abc”; 对于元素的标签的style属性进行修改的时候，为什么style属性下面还可以调用好多属性的原因是： // 在使用style时，如果是读取，得到的是一个样式对象 该样式对象的属性名和属性...

根据id来获取元素 getElementById // 根据ID获取元素 // var box = document.getElementById("box"); // console.log(box); // 通过box元素 修改该元素的id // box.id = "a"; 根据元素标签来获取元素getElementByTagName ...

<script> // 同步：指的是代码严格按照书写顺序执行。 // 至今为止，我们学习过的知识中，只有事件和setInterval、setTimeout不是同步 其它的代码 比如分支判断 循环语句都是同步 // for (var i = 0; i < 10; i++) { // console.log(i...

节点 对于HTML文档，当Dom进行划分解析的时候都是按照节点进行HTML文档的规划形成Dom树； 节点的类型 nodeType 节点类型 属性nodeType返回值 元素节点 Node.ELEMENT_NODE(1) 属性节点 Node.ATTRIBUTE_NODE(2) 文本节点 Node.TEXT_NODE(3) CDATA节点 Node.CDATA_SECT...

function formatChineseDate(date) { // 获取年 var year = date.getFullYear(); // 获取月 var month = date.getMonth() + 1; // 获取日 var day = date.getDate(); // 获取时 var hours = da...

变量 var str = “hello word”； 作用：在内存中开辟一个空间 这个空间的名称就是str 这个空间所保存的内容就是 hello world 可以达到复用的目的； 变量的定义： var 变量名 = 变量值; 变量名的规范： 数字/字母/下划线(_)/美元符号($)组成 不可以以数字开头 不可以使用关键字保留字作为变量名 JS语法严格区分大小写 var a = 1; var A = ...

setInterval setInterval 设置一个定时器 当开启这个定时器之后，会每间隔一段时间 循环执行一次代码 第一个参数是函数 第二个参数是间隔的时间数字 毫秒值为单位 以下代码的执行效果是开始的时候将第一个函数参数 交给window 并让window开始计时，当时间到了1s之后，才开始执行函数参数；计时时长是第二个参数 当第二个参数到了时间 window会将这个函数重新交给JS 此时...

Window 对象 所有浏览器都支持 window 对象。它代表浏览器的窗口。 所有全局 JavaScript 对象，函数和变量自动成为 window 对象的成员。 全局变量是 window 对象的属性。 全局函数是 window 对象的方法。 甚至（HTML DOM 的）document 对象也是 window 对象属性： window.document.getElementById("head...

Window对象 BOM的核心对象是 window，它表示浏览器的一个实例。在浏览器中，window 对象有双重角色， **它既是通过 JavaScript访问浏览器窗口的一个接口，又是 ECMAScript规定的 Global 对象。**这意味着 在网页中定义的任何一个对象、变量和函数，都以 window 作为其 Global 对象，因此有权访问 parseInt()等方法。 ...

判断润年 Date.prototype.isLeapYear = function(){ return (0==this.getYear()%4&&((this.getYear()%100!=0)||(this.getYear()%400==0))); } 日期格式化 YYYY/yyyy/YY/yy 表示年份 MM/M 月份 W/w 星期 dd/DD/d/D 日期...

// JS中有很多内置对象 Math负责一些数学方面的函数等 // 还有一个对象 Date 它负责日期方面的内容 // 注意：以后 只要出现new关键字 它就是引用类型 // var date = new Date(); // 当直接通过new调用Date时 并且不传递参数时 得到的时当前的系统时间 // console.log(date); // ...

Math对象 JS中有许多的内置对象。其中，Math对象封装了许多常用的数学函数。 Math.random 该方法用于生成一个随机数0~1 包含0 不包含1 // 获取一个从0到9的随机整数数字 var r = Math.random(); var num = parseInt(Math.random() * 10);对于整个函数只是单纯的负责取整，而不是四色五入 ...

JS中的常用事件 什么叫做事件 所谓的事件，是浏览器监听用户行为的一种机制。 比如，当用户使用鼠标 “点击” 一个按钮，会触发该按钮的“点击”事件 如果此时我们想要执行代码 就可以通过JS脚本设置“点击”事件 同样的，如果用户鼠标双击一个按钮，会触发该按钮的双击事件 类似的事件还有很多 事件的分类 鼠标事件 click 点击事件 dblclick 双击事件 moused...

day01 1 字符串转数字的方式有几种？ 3种 1、number 2、parseInt 3、parseFloat 2 数字转字符串的方式有几种？ 2种 1、tostring 2、用+号连接符 3 +有两个含义，连字符和加法运算。请问什么情况下是连字符，什么情况下是加法运算？ 当都是数字的时候是加法运算符，当一个是数字一个是字符串就是连接符； 4 JS中一共有多少种数据类型？分别是？各写出它们的一...

数组 装载一组数据的容器 数组的定义 方式1 字面量 语法： var arr = []; 方式2 构造函数 语法： var arr = new Array(); 传参规则： 当没有参数时， 定义的是一个空数组 当参数只有一个并且是数字时，该数字表示数组的长度 当参数有多个时，参数就是每一个成员 方式3 构造函数 语法： var arr = Ar...

函数 函数就是一个工具，可以将代码放在里面，随时执行，简单的说就是将可以实现某种功能的代码块封装起来！ 注：函数是一等公民 函数的定义 第一种定义方式： 函数声明 function 函数名() { 要执行的代码 } 第二种定义方式： 函数表达式 var 变量 = function() { 要执行的代码 } 注： 第二种方式的本质 其实是定义了一个变量，并将这个函数的地址交给...

// JS中的数据类型一共就6种 // string boolean number undefined null object // typeof null => 'object' // typeof function() {} => 'function' // 请写一个函数判定一个变量保存的数据是什么类型？ ...

冒泡排序 // 有一个数组 数组中都是数值 请从小到大排序 var arr = [10, 189, 999, 20, 14, 6, 88, 190, 54]; // => [6, 10, 14, 20, 54, 88, 190] // 思路： // 循环两两比较 如果第一个数比第二个数大 就换位置 否则不换 /...

什么是堆和栈呢？ 我们都知道：在计算机领域中，堆栈是两种数据结构，它们只能在一端(称为栈顶(top))对数据项进行插入和删除。 堆：队列优先,先进先出；由操作系统自动分配释放 ，存放函数的参数值，局部变量的值等。其操作方式类似于数据结构中的栈。 栈：先进后出；动态分配的空间 一般由程序员分配释放， 若程序员不释放，程序结束时可能由OS回收，分配方式倒是类似于链表。 以上都属于计算机基础部分，在此...