随笔分类 -  js

摘要:JS 中的对象只有 JS 自己认识,其他的语言都不认识 JSON就是一个特殊格式的字符串,这个字符串可以被任意的语言所识别,并且可以转换为任意语言中的对象,JSON在开发中主要用来数据的交互 JSON简介 JavaScript Object Notation,JS 对象表示法 JSON 和 JS 对 阅读全文
posted @ 2022-03-27 19:31 随遇而安== 阅读(31) 评论(0) 推荐(0)
摘要:1、定时调用 JS 的程序的执行速度是非常非常快的如果希望一段程序,可以每间隔一段时间执行一次,可以使用定时调用 setInterval() 定时调用,可以将一个函数,每隔一段时间执行一次 参数: 回调函数,该函数会每隔一段时间被调用一次 每次调用间隔的时间,单位是毫秒 返回值:返回一个Number 阅读全文
posted @ 2022-03-27 19:29 随遇而安== 阅读(73) 评论(0) 推荐(0)
摘要:1、BOM BOM:浏览器对象模型 BOM 可以使我们通过 JS 来操作浏览器 在 BOM 中为我们提供了一组对象,用来完成对浏览器的操作 BOM 对象 Window 代表的是整个 浏览器的窗口,同时 window 也是网页中的全局对象 Navigator 代表的当前 浏览器的信息,通过该对象可以来 阅读全文
posted @ 2022-03-27 19:26 随遇而安== 阅读(61) 评论(0) 推荐(0)
摘要:1、滚轮事件 onmousewheel、DOMMouseScroll onmousewheel:鼠标滚轮滚动的事件,会在滚轮滚动时触发,但是火狐不支持该属性 DOMMouseScroll:在火狐中使用DOMMouseScroll来绑定滚动事件,注意该事件需要通过addEventListener()函 阅读全文
posted @ 2022-03-27 19:23 随遇而安== 阅读(124) 评论(0) 推荐(0)
摘要:1、事件对象 <前情提要> 事件对象 当事件的响应函数被触发时,浏览器每次都会将一个事件对象作为实参传递进响应函数 在事件对象中封装了当前事件相关的一切信息,比如:鼠标的坐标、键盘哪个按键被按下、鼠标滚轮滚动的方向。。。 事件属性 鼠标/键盘属性 <练习1:当鼠标在areaDiv中移动时,在show 阅读全文
posted @ 2022-03-27 19:22 随遇而安== 阅读(40) 评论(0) 推荐(0)
摘要:1、DOM简介 DOM,全称Document Object Model 文档对象模型。 JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲的操作WEB页面。 文档 文档表示的就是整个的HTML网页文档 对象 对象表示将网页中的每一个部分都转换为了一个对象 模型 使用模型来表示对 阅读全文
posted @ 2022-03-27 19:18 随遇而安== 阅读(64) 评论(0) 推荐(0)
摘要:正则表达式用于定义一些字符串的规则,计算机可以根据正则表达式,来检查一个字符串是否符合规则,获取将字符串中符合规则的内容提取出来 1、正则对象 语法:var 变量 = new RegExp("正则表达式", "匹配模式"); // 这个正则表达式可以来检查一个字符串中是否含有a var reg = 阅读全文
posted @ 2022-03-27 19:13 随遇而安== 阅读(39) 评论(0) 推荐(0)
摘要:1、三大包装类 基本数据类型:String、Number、Boolean、Null、Undefined 引用数据类型:Object 在JS中为我们提供了三大包装类,通过这三个包装类可以将基本数据类型的数据转换为对象 String()可以将基本数据类型字符串转换为String对象 Number()可以 阅读全文
posted @ 2022-03-27 19:08 随遇而安== 阅读(23) 评论(0) 推荐(0)
摘要:1、Date 在JS中使用Date对象来表示一个时间 创建一个时间对象 如果直接使用构造函数创建一个Date对象,则会封装为当前代码执行的时间 // 创建一个Date对象 // 如果直接使用构造函数创建一个Date对象,则会封装为当前代码执行的时间 var d = new Date(); conso 阅读全文
posted @ 2022-03-27 19:05 随遇而安== 阅读(58) 评论(0) 推荐(0)
摘要:call、apply和arguments call()和apply() 这两个方法都是函数对象的方法,需要通过函数对象来调用 当对函数调用 call()和apply()都会调用函数执行 var obj = { name: "obj" }; var obj2 = { name:"obj2" } fun 阅读全文
posted @ 2022-03-27 19:03 随遇而安== 阅读(40) 评论(0) 推荐(0)
摘要:1、数组简介 数组也是一个对象 它和我们普通对象功能类似,也是用来存储一些值的 不同的是普通对象是使用字符串作为属性名的,而数组时使用数字来作为索引操作元素 索引:从0开始的整数就是索引 数组的存储性能比普通对象要好,在开发中我们经常使用数组来存储一些数据 // 创建数组对象 var arr=new 阅读全文
posted @ 2022-03-27 19:01 随遇而安== 阅读(54) 评论(0) 推荐(0)
摘要:1、使用工厂方法创建对象 function createPerson(name, age, gender){ // 创建一个新的对象 var obj=new Object(); //向对象中添加属性 obj.name = name; obj.age = age; obj.gender = gende 阅读全文
posted @ 2022-03-27 18:58 随遇而安== 阅读(45) 评论(0) 推荐(0)
摘要:作用域指一个变量的作用的范围 在JS中一共有两种作用域: 全局作用域 函数作用域 1、全局作用域 直接编写在script标签中的JS代码,都在全局作用域 全局作用域在页面打开时创建,在页面关闭时销毁 在全局作用域中有一个全局对象window,它代表的是一个浏览器的窗口,由浏览器创建,可以直接使用 在 阅读全文
posted @ 2022-03-27 18:55 随遇而安== 阅读(34) 评论(0) 推荐(0)
摘要:1、函数的简介 函数也是一个对象,可以封装一些功能(代码),在需要时可以执行这些功能(代码),可以保存一些代码在需要的时候调用 使用typeof检查一个函数对象时,会返回function // 创建一个函数对象 // 可以将要封装的代码以字符串的形式传递给构造函数 var fun = new Fun 阅读全文
posted @ 2022-03-27 18:51 随遇而安== 阅读(31) 评论(0) 推荐(0)
摘要:JS中数据类型 String 字符串 Number数值 Boolean 布尔值 Null空值 Undefined 未定义 以上这五种类型属于基本数据类型,以后我们看到的值只要不是上边的5种,全都是对象 1、Object 对象 基本数据类型都是单一的值"hello" 123 true,值和值之间没有任 阅读全文
posted @ 2022-03-27 18:49 随遇而安== 阅读(46) 评论(0) 推荐(0)
摘要:1、流程控制语句 JS中的程序是从上到下一行一行执行的 通过流程控制语句可以控制程序执行流程,使程序可以根据一定的条件来选择执行 语句的分类: 条件判断语句 条件分支语句 循环语句 2、条件判断语句 使用条件判断语句,可以在执行某个语句之前进行判断 如果条件成立才会执行语句,条件不成立则语句不执行。 阅读全文
posted @ 2022-03-27 18:46 随遇而安== 阅读(57) 评论(0) 推荐(0)
摘要:1、运算符 运算符也叫操作符,通过运算符可以对一个或多个值进行运算,并获取运算结果 比如:typeof就是运算符,可以来获得一个值的类型 它会将该值的类型以字符串的形式返回 number string boolean undefined object 2、算数运算符 当对非Number类型的值进行运 阅读全文
posted @ 2022-03-27 18:42 随遇而安== 阅读(45) 评论(0) 推荐(0)
摘要:1、JS编写位置 可以将js代码编写到标签的onclick属性中当我们点击按钮时,js代码才会执行 <button onclick="alert(\"Fuck! Do not touch me!\")"></button> 可以将js代码写在超链接的href属性中,这样当点击超链接时,会执行js代码 阅读全文
posted @ 2022-03-27 18:40 随遇而安== 阅读(60) 评论(0) 推荐(0)
摘要:1、什么是语言 计算机就是一个由人来控制的机器,人让它干嘛,它就得干嘛。 我们要学习的语言就是人和计算机交流的工具,人类通过语言来控制、操作计算机。 编程语言和我们说的中文、英文本质上没有区别,只是语法比较特殊。 语言的发展: 纸带机:机器语言 汇编语言:符号语言 现代语言:高级语言 2、JS起源 阅读全文
posted @ 2022-03-27 18:36 随遇而安== 阅读(168) 评论(0) 推荐(0)