JavaScript
JavaScript自学笔记
纯情小码哥
越努力,越秃飞猛进,就能猥琐欲为!
展开
-
JS:事件-高级
【事件绑定】作用:防止前一个覆盖后一个事件;IE方式 attachEvent(事件名称,函数),绑定事件处理函数; detachEvent(事件,函数),解除绑定;oBtn.attachEvent("onclick", function(){});DOM方式 addEventListener(事件,函数,捕获) removeEventListener(事件名...原创 2020-02-06 17:16:25 · 148 阅读 · 0 评论 -
JS: 事件-event
事件:什么是event对象 用来获取事件的详细信息:鼠标位置 、键盘按键; 例子:获取鼠标位置:clientX document的本质:document.childNodes[0].tagName;获取vent对象(兼容性写法) var oEvent=ev||event;//火狐用的是ev,而其他的是event事件流 事件冒泡 取消冒泡...原创 2020-02-06 17:15:59 · 178 阅读 · 0 评论 -
JavaScript-DOM操作
DOM操作核心内容:就是利用:增删改查1、标准DOM的API(必须记得) (1)document.getElementById (2)document.getElementsByTagName (3)document.getElementsByName (4)document.getElementsByClassName (5)document.quer...原创 2019-11-10 18:05:53 · 114 阅读 · 0 评论 -
JavaScript-DOM
学完DOM这东西,感觉很难理解,实操一下,将老婆们的相片放上来释放一下压力,以后再慢慢学。DOMDOM定义:文档对象模型(Document Object Model),又称为文档树模型,是一套HTML和XML文档的APIDOM作用:可以把HTML和XML描述为一个文档树,树上的每一个分支都可以视为一个对象,通过DOM可以添加、修改和移除文档上的某一部分;DOM:DOM基础:...原创 2019-11-10 17:14:17 · 155 阅读 · 0 评论 -
JavaScript-闭包
JavaScript-闭包闭包定义有些复杂,可以理解为:能够实现访问私有空间的函数,如能够访问其他函数内部变量的函数;作用:1)包不允许外界访问2)间接访问该数据如果函数需要返回两个值,则可以通过返回对象的方式,如果返回一个值,也可以通过返回函数的形式代码如下:<!DOCTYPE html><html lang="en"><head>...原创 2019-10-27 16:49:41 · 158 阅读 · 0 评论 -
JavaScript-复杂数据类型
JavaScript-复杂数据类型对象1)首先要定义一个对象var a = new Object();2)对象属性的添加a.xxx = 1;a.yyy = "abcb";当然,也可以一次性初始化,变量与值用冒号隔开,变量与变量用逗号隔开,也可以是函数a = { xxx: 123, yyy: "abcd", fun: function() { ....原创 2019-10-27 12:46:14 · 685 阅读 · 0 评论 -
JavaScript-关系运算符
JavaScript-关系运算符==(等于)和===(等值等型)==仅仅比较内容,不会比较数据的类型var a = true; // 其实boolean类型本质上是 0(false)与1(true)var b = 1;var c = a==b; // 这里的a与b的内容是相等的,类型不相等===既比较内容,也比较数据的类型,所以var d = a===b; //由于a的类型为bool...原创 2019-10-27 09:08:37 · 276 阅读 · 0 评论 -
JavaScript-变量
JavaScript-变量JavaScript 变量能够保存多种数据类型:数值、字符串值、数组、对象等等;声明的类型都是var,赋值运算符"=",如:var num = 1; // 数字var name = "name"; // 字符串var group = ["g1", "g2", "g3"]; //数组var x = {firstName:"One", lastName:"La...原创 2019-10-27 08:09:40 · 161 阅读 · 0 评论 -
JavaScript-判断数据类型(typeof)
JavaScript-判断数据类型(typeof)typeof语法:typeof(直接量);代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type=...原创 2019-10-26 23:30:01 · 276 阅读 · 0 评论 -
JavaScript-转译符
JavaScript-转译符在字符前面加上'\'即可。常用的转译符\n 换行\t 缩进\b 空格\r 回车\\ 斜杠\' 单引号\" 双引号代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document...原创 2019-10-26 23:11:35 · 593 阅读 · 0 评论 -
JavaScript-直接量
JavaScript-直接量又叫字面量(能够直接使用的内容)。常见的有两种:数值和字符串(1)number 数值:1,2,3,4,1.1,-1.....数学中的数字(2)string 字符串:程序中被单双引号包裹起来的内容都是字符串。(3)其他字面量:true false null 正则表达式,true和false属于boolean类型加号1、两个字符串加号连接,作用是连接...原创 2019-10-26 22:58:24 · 492 阅读 · 0 评论 -
JavaScript基础
JavaScript基础html:掌握所有标签使用,以及标签的语义;css:掌握页面常见的布局,以及属性的使用;JavaScript:变量的使用、数据类型、if判断、循环语句的使用;1、script写在<head></head>之间,如果有CSS样式,就写在css样式的后面;2、常用的语句1)alert 弹出提示窗语法:alert("内容");2)co...原创 2019-10-26 22:46:03 · 129 阅读 · 0 评论