随笔分类 -  JavaScript

摘要:(本文参考菜鸟教程,感谢菜鸟教程) 一、添加元素 二、删除元素 三、获取并设置 CSS 类 四、css() 方法 五、jQuery 尺寸 六、遍历 七、Ajax 八、其他 一、添加元素 我们将学习用于添加新内容的四个 jQuery 方法: append() - 在被选元素的结尾插入内容 prepen 阅读全文
posted @ 2020-07-05 14:56 SCAU-gogocj 阅读(129) 评论(0) 推荐(0)
摘要:1、进程与线程 程序运行起来之后,就会产生出对应的进程了 (并且并不是一个程序只能搞一个进程,一个程序是可以触发多个进程的)--这样的程序称之为多进程的程序/应用 并且一个进程还可以分为多个线程 如果这个程序对应的进程有多个线程的话,那么这个程序就是一个多线程的程序了 如果这个进程只有一个线程的话, 阅读全文
posted @ 2020-07-05 12:28 SCAU-gogocj 阅读(115) 评论(0) 推荐(0)
摘要:方式一: 如果是变量的话,就是找作用域链,如果是实例的话就是找原型链的 通过这样的话就创建了两个东西,但是这两个东西之间是没有关系的,最后一个语句是会报错的,因为和父亲还没有关系的 如果想要用父亲的方法的话,就要变成是这个父亲的实例才行。然后就可以直接在原型中查找这个方法了 也就是关键就是这句话了 阅读全文
posted @ 2020-07-05 09:02 SCAU-gogocj 阅读(121) 评论(0) 推荐(0)
摘要:一、对象创建模式 二、继承模式 一、对象创建模式(用各种各样的方式来创建对象) ①方式一:Object 构造函数模式 第二种方式: 方式三:工厂模式 这种方法的不足就是 对象没有一个具体的类型,如果我们想要又这样具体的类型的话,就要自定义一个类型了 方式四:自定义构造函数模式 这样的话这两个就有了具 阅读全文
posted @ 2020-07-04 10:01 SCAU-gogocj 阅读(108) 评论(0) 推荐(0)
摘要:一、闭包 1、引入:实现一个小案例,有三个按钮,点击哪一个就提示点击的是哪个按钮 ①先要拿到这三个按钮,然后遍历它们,给它们添加上监听函数 (这里得到的btns其实不是一个数组,而是一个伪数组来的) ==要初始化一下length才行,不然放在for的第二个参数中的话,会计算length次的btns. 阅读全文
posted @ 2020-07-03 23:23 SCAU-gogocj 阅读(154) 评论(0) 推荐(0)
摘要:一、回调函数 二、IIFE 三、函数中的this 四、关于语句分号问题 五、原型与原型链 六、探索instanceof 七、执行上下文 八、作用域与作用域链 一、回调函数 二、IIFE(立即调用函数表达式) 也可用于编写 js 模块 var a = function (){ console.log( 阅读全文
posted @ 2020-07-03 13:46 SCAU-gogocj 阅读(164) 评论(0) 推荐(0)
摘要:(本文为菜鸟教程的学习笔记,感谢菜鸟教程) 一、jQuery 效果- 隐藏和显示 语法: $(selector).hide(speed,callback);$(selector).show(speed,callback); 可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、" 阅读全文
posted @ 2020-06-29 11:43 SCAU-gogocj 阅读(130) 评论(0) 推荐(0)
摘要:一、JavaScript Window - 浏览器对象模型 浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器"对话"。 Browser Object Model (BOM)) 1、Window 对象 window 对象。它表示浏览器窗口。 所有 JavaScript 全局对象、函 阅读全文
posted @ 2020-06-17 12:00 SCAU-gogocj 阅读(123) 评论(0) 推荐(0)
摘要:一、 Boolean(布尔) 对象 ①、实例:检查布尔值 1、效果: 2、代码实现 <script> var b1=new Boolean(0); var b2=new Boolean(1); var b3=new Boolean(""); var b4=new Boolean(null); var 阅读全文
posted @ 2020-06-17 10:39 SCAU-gogocj 阅读(96) 评论(0) 推荐(0)
摘要:(本文是学习 菜鸟教程 的学习笔记) 感谢菜鸟教程 一、Date(日期) 对象 ①基本使用 <script> var d=new Date(); document.write(d); </script> ② getFullYear()使用 getFullYear() 获取年份。 getTime()g 阅读全文
posted @ 2020-06-16 23:44 SCAU-gogocj 阅读(211) 评论(0) 推荐(0)
摘要:(本文为菜鸟教程 自学笔记) JavaScript 对象 JavaScript 中的所有事物都是对象:字符串、数值、数组、函数... 此外,JavaScript 允许自定义对象。 一、创建 JavaScript 对象 ①实例 <script> var person=new Object(); per 阅读全文
posted @ 2020-06-16 11:47 SCAU-gogocj 阅读(177) 评论(0) 推荐(0)
摘要:一、创建新的 HTML 元素 (节点) - appendChild() 要创建新的 HTML 元素 (节点)需要先创建一个元素,然后在已存在的元素中添加它。 ①实例(下面的例子就是新创了一个p标签,然后在已有的div元素里面添加它) appendChild()这个原理其实就是,开始的适合新创了一个p 阅读全文
posted @ 2020-06-16 10:33 SCAU-gogocj 阅读(251) 评论(0) 推荐(0)
摘要:一、addEventListener() 方法 (先上实例) <button id="btn">点我</button> <p id="demo"></p> <script> document.getElementById("btn").addEventListener("click",display 阅读全文
posted @ 2020-06-14 08:50 SCAU-gogocj 阅读(182) 评论(0) 推荐(0)
摘要:HTML DOM (文档对象模型) 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。 HTML DOM 模型被构造为对象的树: 一、通过 id 查找 HTML 元素 var x=document.getElementById("intro"); 二、通过 阅读全文
posted @ 2020-06-13 22:39 SCAU-gogocj 阅读(170) 评论(0) 推荐(0)
摘要:小知识: 1、在web页面中全局变量属于 window 对象 一、JS内嵌函数 JavaScript 中,所有函数都能访问它们上一层的作用域,JavaScript 支持嵌套函数。嵌套函数可以访问上一层的函数变量 引入:(在本示例中,plus函数可以访问上一级的的,也就是add这个函数里面的count 阅读全文
posted @ 2020-06-13 12:32 SCAU-gogocj 阅读(157) 评论(0) 推荐(0)
摘要:小知识: 1、通常使用 4 个空格符号来缩进代码块。 2、通常运算符 ( = + - * / ) 前后需要添加空格。 3、函数也是有函数提升的(Hoisting),和变量提升一样。 一、函数表达式 ①函数表达式可以存储在变量中 var x=function(a,b){return a*b}; doc 阅读全文
posted @ 2020-06-13 11:45 SCAU-gogocj 阅读(129) 评论(0) 推荐(0)
摘要:JavaScript JSON 一、JSON 格式化后为 JavaScript 对象 JSON实例: {"sites":[ {"name":"Runoob", "url":"www.runoob.com"}, {"name":"Google", "url":"www.google.com"}, {" 阅读全文
posted @ 2020-06-13 00:15 SCAU-gogocj 阅读(66) 评论(0) 推荐(0)
摘要:JavaScript let 和 const let 声明的变量只在 let 命令所在的代码块内有效。 const 声明一个只读的常量,一旦声明,常量的值就不能改变 在函数体外或代码块外使用 var 和 let 关键字声明的变量也有点类似。 它们的作用域都是 全局的 在相同的作用域或块级作用域中,不 阅读全文
posted @ 2020-06-12 23:31 SCAU-gogocj 阅读(144) 评论(0) 推荐(0)
摘要:JavaScript this 关键字 一、对象中的this var person = { firstName: "John", lastName : "Doe", id : 5566, fullName : function() { return this.firstName + " " + th 阅读全文
posted @ 2020-06-12 22:57 SCAU-gogocj 阅读(120) 评论(0) 推荐(0)
摘要:JavaScript 验证 API 一、约束验证 DOM 方法 ①方法: 1、checkValidity() 如果 input 元素中的数据是合法的返回 true,否则返回 false 2、设置 input 元素的 validationMessage 属性,用于自定义错误提示信息的方法 ②实例: 1 阅读全文
posted @ 2020-06-12 22:23 SCAU-gogocj 阅读(188) 评论(0) 推荐(0)