JS
好汤圆
耐得住寂寞 守得住繁华
热爱Java 热爱后端开发 欢迎交流!
展开
-
JS复习13:BOM
JS复习13:BOM一、什么是BOMBOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是 window。BOM 由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。BOM 缺乏标准,JavaScript 语法的标准化组织是 ECMA,DOM 的标准化组织是 W3C,BOM 最初是Netscape 浏览器标准的一部分。浏览器对象模型把「浏览器」当做一个「对象」来看待BOM 的顶级对象是 windowBOM 学原创 2021-04-22 09:03:13 · 107 阅读 · 0 评论 -
JS复习12:事件高级4(常用的鼠标事件和键盘事件)
JS复习12:事件高级4(常用的鼠标事件和键盘事件)一、常用的鼠标事件给元素注册事件, 采取 事件源.事件类型 = 事件处理程序鼠标事件触发条件onclick点击左键触发onmouseover经过触发onmouseout离开触发onfocus获得焦点触发onblur失去焦点触发onmousemove移动触发onmouseup弹起触发onmousedown按下触发如何禁用一些鼠标事件比如禁止右键复制,禁止鼠标选中等原创 2021-04-21 09:43:14 · 154 阅读 · 0 评论 -
JS复习12:事件高级3(事件对象与阻止事件冒泡与事件委托)
JS复习12:事件高级(事件对象与阻止事件冒泡与事件委托)一、什么是事件对象<style> div { width: 100px; height: 100px; background-color: pink; } </style></head><body> <div>123</div> <scr原创 2021-04-21 08:37:43 · 79 阅读 · 0 评论 -
JS复习12:事件高级2(删除事件与事件流)
JS复习12:事件高级2(删除事件与事件流)一、删除事件的方式传统注册方式eventTarget.onclick = null;方法监听注册方式① eventTarget.removeEventListener(type, listener[, useCapture]);② eventTarget.detachEvent(eventNameWithOn, callback);二、删除事件兼容性解决方案function removeEventListener(element, ev原创 2021-04-21 09:05:02 · 148 阅读 · 0 评论 -
JS复习12:事件高级1(注册事件)
JS复习12:事件高级1(注册事件)一、注册事件的两种方式addEventListener 事件监听方式eventTarget.addEventListener(type, listener[, useCapture])type:事件类型字符串,比如 click 、mouseover ,注意这里不要带 onlistener:事件处理函数,事件发生时,会调用该监听函数useCapture:可选参数,是一个布尔值,默认是 false。学完 DOM 事件流后,我们再进一步学习attachE原创 2021-04-21 08:59:34 · 60 阅读 · 0 评论 -
JS复习11:DOM4(节点操作)
JS复习11:DOM四、节点操作父节点操作<body> <!-- 节点的优点 --> <div>我是div</div> <span>我是span</span> <ul> <li>我是li</li> <li>我是li</li> <li>我是li</li>原创 2021-04-21 08:40:32 · 187 阅读 · 0 评论 -
JS复习11:DOM3(操作元素)
JS复习11:DOM三、操作元素1、修改元素内容<style> div, p { width: 300px; height: 30px; line-height: 30px; color: #fff; background-color: pink; }</style><body> &原创 2021-04-20 12:50:16 · 80 阅读 · 0 评论 -
JS复习11:DOM2(事件)
JS复习11:DOM二、事件三要素// 点击一个按钮,弹出对话框// 1. 事件是有三部分组成 事件源 事件类型 事件处理程序 我们也称为事件三要素//(1) 事件源 事件被触发的对象 谁 按钮var btn = document.getElementById('btn');//(2) 事件类型 如何触发 什么事件 比如鼠标点击(onclick) 还是鼠标经过 还是键盘按下//(3) 事件处理程序 通过一个函数赋值的方式 完成btn.onclick = function原创 2021-04-20 12:43:18 · 92 阅读 · 0 评论 -
JS复习11:DOM1(获取元素)
JS复习11:DOM一、获取元素getElementById方法<div id="time">2019-9-9</div><script> // 1. 因为我们文档页面从上往下加载,所以先得有标签 所以我们script写到标签的下面 // 2. get 获得 element 元素 by 通过 驼峰命名法 // 3. 参数 id是大小写敏感的字符串 // 4. 返回的是一个元素对象 var timer = documen原创 2021-04-20 12:41:22 · 66 阅读 · 0 评论 -
JS复习10:面向对象
JS复习10:面向对象一、利用对象字面量创建对象// 1.利用对象字面量创建对象 {}// var obj = {}; // 创建了一个空的对象 var obj = { uname: '张三疯', age: 18, sex: '男', sayHi: function() { console.log('hi~'); }}// (1) 里面的属性或者方法我们采取键值对的形式 键 属性名 : 值 属性值 // (2) 多个属性或者方法中原创 2021-04-16 07:33:46 · 156 阅读 · 0 评论 -
JS复习9:预解析机制(巨坑!!!!!!!!!!!!!)
JS复习9:预解析机制// 1问 console.log(num);// 2问console.log(num); // undefined 坑 1var num = 10;// 相当于执行了以下代码// var num;// console.log(num);// num = 10;// 3问 function fn() { console.log(11);}fn();// 4问fun(); // 报错 坑2 var fun = function() {原创 2021-04-14 18:50:26 · 111 阅读 · 0 评论 -
JS复习8:作用域
JS复习8:作用域一、JS中的作用域// 1.JavaScript作用域 : 就是代码名字(变量)在某个范围内起作用和效果 目的是为了提高程序的可靠性更重要的是减少命名冲突// 2. js的作用域(es6)之前 : 全局作用域 局部作用域 // 3. 全局作用域: 整个script标签 或者是一个单独的js文件var num = 10;var num = 30;console.log(num);// 4. 局部作用域(函数作用域) 在函数内部就是局部作用域 这个代码的名字只在函数内部起原创 2021-04-14 18:29:15 · 205 阅读 · 0 评论 -
JS复习7:函数
JS复习7:函数一、函数的声明// 函数使用分为两步: 声明函数 和 调用函数// 1. 声明函数// function 函数名() {// // 函数体// }function sayHi() { console.log('hi~~');}// (1) function 声明函数的关键字 全部小写// (2) 函数是做某件事情,函数名一般是动词 sayHi // (3) 函数不调用自己不执行// 2. 调用函数// 函数名();sayHi();// 调用函数原创 2021-04-14 17:56:44 · 105 阅读 · 0 评论 -
JS复习6:数组
JS复习6:数组一、数组的声明及初始化// 1.数组(Array) :就是一组数据的集合 存储在单个变量下的优雅方式 // 2. 利用new 创建数组var arr = new Array(); // 创建了一个空的数组// 3. 利用数组字面量创建数组 []var arr = []; // 创建了一个空的数组var arr1 = [1, 2, 'hsy', true];// 4. 我们数组里面的数据一定用逗号分隔// 5. 数组里面的数据 比如1,2, 我们称为数组元素// 6. 获取原创 2021-04-13 10:09:54 · 190 阅读 · 0 评论 -
JS复习5:流程控制
流程控制一、选择结构1、if2、if双分支3、if多分支4、三元表达式5、switch二、循环结构1、单for循环2、双层for循环3、while循环4、do while循环5、continue break一、选择结构1、if// 1. if 的语法结构 如果if// if (条件表达式) {// // 执行语句// }// 2. 执行思路 如果 if 里面的条件表达式结果为真 true 则执行大括号里面的 执行语句 // 如果if 条件表达式结果为假 则不执行大括号里面的原创 2021-04-13 09:35:19 · 191 阅读 · 0 评论 -
JS复习4:运算符
JS复习4:运算符一、算术运算符console.log(1 + 1); // 2console.log(1 - 1); // 0console.log(1 * 1); // 1console.log(1 / 1); // 1// 1. % 取余 (取模) console.log(4 % 2); // 0console.log(5 % 3); // 2console.log(3 % 5); // 3// 2. 浮点数 算数运算里面会有问题console.log(0.1 + 0.2);原创 2021-04-13 08:42:23 · 142 阅读 · 0 评论 -
JS复习3:数据类型
JS复习3:数据类型一、变量的数据类型// int num = 10; java // var num; // 这里的num 我们是不确定属于哪种数据类型的var num = 10; // num 属于数字型 // js 的变量数据类型是只有程序在运行过程中,根据等号右边的值来确定的var str = 'hsy'; // str 字符串型// js是动态语言 变量的数据类型是可以变化的var x = 10; // x 是数字型 x = 'hsy'; // x 字符串型二、数字型va原创 2021-04-12 22:57:24 · 94 阅读 · 0 评论 -
JS复习2:变量
JS复习2:变量一、什么是变量<script> // 1. 声明了一个age 的变量 var age; // 2. 赋值 把值存入这个变量中 age = 18; // 3. 输出结果 console.log(age); // 4. 变量的初始化 var myname = 'hsy'; console.log(myname);</script>二、变量的语法扩展<script>原创 2021-04-12 21:50:33 · 77 阅读 · 0 评论 -
JS复习1:初识 JavaScript
JS复习1:初识 JavaScript遥想上一次学前端还要追溯到去年,由于一些原因,正在淦linux的我不得不停下前进的脚步,回头看看可爱的前端~想了想,从JS开始看起叭,学得快一些一、什么是JSJavaScript 是世界上最流行的语言之一,是一种运行在客户端的脚本语言 (Script 是脚本的意思)JavaScript 的作用表单动态校验(密码强度检测)网页特效服务端开发(Node.js)桌面程序(Electron)App(Cordova)控制硬件-物联网(Ruff)游戏开发原创 2021-04-11 15:07:26 · 115 阅读 · 0 评论