摘要: 1 什么是对象 多个数据的封装体,或者说用来保存多个数据的容器,一个对象代表现实中的一个事物 2 为什么要用对象 统一管理多个数据 3 对象的组成 属性:有属性名(字符串)和属性值(任意数据类型)组成 方法:一种特别的属性(属性值是函数) 4 如何访问对象内部数据 ①.属性名:编码简单,有时不能用, 阅读全文
posted @ 2022-03-12 18:43 青仙 阅读(22) 评论(0) 推荐(0) 编辑
摘要: 问题:关于赋值和内存的问题 var a = xxx, a内存中到底保存的是什么? ①xxx是基本类型的数据,保存的就是这个数据 ②xxx是对象,保存的是对象的地址值(内存地址) ③xxx是一个变量,保存的该变量对应的内存中的数据(可能是基本类型的数据,也可能是地址值) 问题:关于引用变量赋值的问题 阅读全文
posted @ 2022-03-12 18:41 青仙 阅读(139) 评论(0) 推荐(0) 编辑
摘要: 1 什么是数据 存储在内存中代表特定信息的东西,就是对事物的描述,本质上是二进制。 数据的特点:可传递,可运算。 内存中所有操作的目标:数据 算术运算 逻辑运算 赋值 运算函数 2 什么是内存 内存条通电以后产生的可存储数据的空间(临时的) 内存产生和死亡:内存条(电路板)=>通电=>产生内存空间= 阅读全文
posted @ 2022-03-12 18:36 青仙 阅读(40) 评论(0) 推荐(0) 编辑
摘要: 1 undefined与null的区别 undefined代表定义未赋值 null代表定义并赋值了,只是值为null 2 什么时候给变量赋值为null ①初始赋值,表明将要赋值为对象。 ②结束前,让对象成为垃圾对象(被垃圾回收器回收) 3 严格区分数据类型和变量类型 ①数据类型 —-基本类型 —-对 阅读全文
posted @ 2022-03-12 18:35 青仙 阅读(17) 评论(0) 推荐(0) 编辑
摘要: 1分类 基本(值)类型 String:任意字符串 Number:任意数字 Boolean:true/false Null:null Undefined:undefined 对象(引用)类型 Object:任意的对象(一般对象内部数据无序) Function:一种特别的对象(可以执行) Array:一 阅读全文
posted @ 2022-03-12 18:27 青仙 阅读(40) 评论(0) 推荐(0) 编辑
摘要: JSON js中的对象只有js自己能认识,其它的语言都不认识。 JSON就是一个特殊格式的字符串,这个字符串可以被任意的语言所识别,并且可以转换为任意语言中的对象,JSON在开发中主要用来在不同语言之间的数据的交互。 —-JavaScript Object Notation(JSON):JS对象表示 阅读全文
posted @ 2022-03-12 18:23 青仙 阅读(43) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>二级菜单</title> <style type="text/css"> * { margin: 0; padding: 0; list-style-type: none; } a 阅读全文
posted @ 2022-03-12 18:18 青仙 阅读(35) 评论(0) 推荐(0) 编辑
摘要: 样式与行为混合 通过style属性来修改元素的样式,每修改一个样式 ,浏览器就需要重新渲染一次页面 这样的执行的性能是比较差的,而且这种形式当我们要 修改多个样式时,也不太方便。 而且,css是样式,js是行为,这样的操作就是行为和表现混合了,在开发中尽量少用。 解决思路 我们可以通过修改元素的cl 阅读全文
posted @ 2022-03-12 18:15 青仙 阅读(103) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } /* * 设置outer的样式 */ #outer{ /* 阅读全文
posted @ 2022-03-12 18:13 青仙 阅读(73) 评论(0) 推荐(0) 编辑
摘要: 应用1 点击按钮以后,box持续向右边移动,到800px时停下。 <html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; } #box1{ width: 100px; height: 阅读全文
posted @ 2022-03-12 18:11 青仙 阅读(36) 评论(0) 推荐(0) 编辑
摘要: 延时调用setTimeout() 延时调用一个函数不会马上执行,而是隔一段时间以后再执行,而且只会执行一次。 延时调用和定时调用的区别,定时调用会执行多次,而延时调用只会执行一次。 使用clearTimeout();来关闭一个延时调用。 延时调用和定时调用实际上是可以相互替代的,在开发中可以根据自己 阅读全文
posted @ 2022-03-12 18:09 青仙 阅读(392) 评论(0) 推荐(0) 编辑
摘要: 第一个练习自动切换图片 <html> <head> <meta charset="UTF-8"> <title></title> <style> #img1{ width:200px; height: 200px; } </style> <script> //图片路径的数组 var imgs=["i 阅读全文
posted @ 2022-03-12 18:08 青仙 阅读(127) 评论(0) 推荐(0) 编辑
摘要: js的程序执行速度是非常非常快的,如果希望一段程序,可以每间隔一段时间执行一次,可以使用定时调用。 setInterval() 定时调用,可以将一个函数,每隔一段时间执行一次。 参数: 1、回调函数,该函数会每隔一段时间被调用一次。 2、每次调用间隔的时间,单位是毫秒。 返回值: 返回一个Numbe 阅读全文
posted @ 2022-03-12 18:04 青仙 阅读(75) 评论(0) 推荐(0) 编辑
摘要: Location —-代表当前浏览器的地址栏信息,通过Location可以获取地址栏的信息,或者操作浏览器跳转页面。 如果直接打印location,则可以获取到地址栏的信息(当前页面的完整的路径)。 alert(location); 如果直接将location属性修改为一个完整的路径,或相对路径,则 阅读全文
posted @ 2022-03-12 18:02 青仙 阅读(42) 评论(0) 推荐(0) 编辑
摘要: History —-代表浏览器的历史纪录,可以通过该对象来操作浏览器的历史纪录,由于隐私原因,该对象不能获取到具体的历史纪录,只能操作浏览器向前或向后翻页,而且该操作只在当次访问时有效。 length 属性:可以获取到当前访问的链接数量。 用法:history.length back() 方法:可以 阅读全文
posted @ 2022-03-12 17:58 青仙 阅读(53) 评论(0) 推荐(0) 编辑
摘要: 判断是什么浏览器 Navigator代表的当前浏览器的信息,通过该对象可以来识别不同的浏览器。由于历史原因,Navigator中的大部分属性都已经不能帮助我们识别浏览器了,一般我们只会使用userAgent属性来判断浏览器的信息,userAgent是一个字符串,这个字符串包含有用来描述浏览器信息的内 阅读全文
posted @ 2022-03-12 17:54 青仙 阅读(35) 评论(0) 推荐(0) 编辑
摘要: BOM 浏览器对象模型 —-BOM可以使我们通过js来操作浏览器。 —-在BOM中为我们提供了一组对象,用来完成对浏览器的操作。 这一组对象就是BOM的对象。 Window对象 —-代表的是整个浏览器的窗口,同时window也是网页中的全局对象。 2、Navigator —-代表的当前浏览器的信息, 阅读全文
posted @ 2022-03-12 17:47 青仙 阅读(40) 评论(0) 推荐(0) 编辑
摘要: onkeydown —-按键被按下 对于onkeydown来说如果一直按着某个按键不松手,则事件会一直触发。 当onkeydown连续触发时,第一次和第二次之间会间隔稍微长一点,只会就会非常的快触发,这种设计是为了防止误操作的发生。 可以通过keycode来获取按键的编码,通过它可以判断哪个按键被按 阅读全文
posted @ 2022-03-12 17:45 青仙 阅读(430) 评论(0) 推荐(0) 编辑
摘要: onmousewheel 鼠标滚轮滚动的事件,会在滚轮滚动时触发,但是火狐不支持该属性。 在火狐中需要使用DOMMouseScroll来绑定滚动事件,注意该事件需要通过addEventListener()函数来绑定 wheelDelta 该属性可以获取鼠标滚动的方向,向上滚值为120,向下滚值为-1 阅读全文
posted @ 2022-03-12 17:42 青仙 阅读(824) 评论(0) 推荐(0) 编辑
摘要: <html> <head> <meta charset="UTF-8"> <title></title> <style> #box1{ width: 150px; height: 150px; background-color: aqua; position: absolute; } #box2{ 阅读全文
posted @ 2022-03-12 17:39 青仙 阅读(51) 评论(0) 推荐(0) 编辑