合集-JS
摘要：1.点击变色 <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> </ul> // var lis = document.querySelectorAll("ul>l
阅读全文
摘要：// 1, 有一个装有颜色的数组["red", "blue", "yellow", "green", "black", "orange"]; // 点击button 启动定时器, 每一秒给它换一次色, 按顺序循环换色 <style> .box1 { width: 200px; height: 200
阅读全文
摘要：一.BOM概念 BOM : Browser Object Model 浏览器对象模型，用来描述与浏览器进行交互的方法和接口 BOM提供了很多对象，用于访问浏览器的功能，这些功能与任何网页内容无关。 BOM 的核心对象是 window ，它表示浏览器的一个实例。 window有双重角色，既是通过Jav
阅读全文
摘要：<style> * { margin: 0; padding: 0; } p { font-size: 30px; color: red; font-weight: bolder; } .div { width: 200px; height: 30px; border: 2px dashed reb
阅读全文
摘要：方法描述 charAt() 返回指定索引位置的字符 charCodeAt() 返回指定索引位置字符的 Unicode 值 concat() 连接两个或多个字符串，返回连接后的字符串 fromCharCode() 将 Unicode 转换为字符串 indexOf() 返回字符串中检索指定字符第一次出现
阅读全文
摘要：//第一种声明 var arr1 = [1, 2, 3] console.log(arr1) //第二种声明 var arr2 = new Array(10) //length为10 console.log(arr2.length); //遍历 var arr1 = [1, 2, 3] //普通遍历
阅读全文
摘要：//函数的定义和调用 // 1, 写一个函数计算1到n的和, 并返回结果打印出来; (n为函数参数) function sum(n) { var sum = 0; for (var i = 1; i <= n; i++) { sum += i; } return sum; } var a = sum
阅读全文
摘要：// 1.打印100以内 7的倍数 document.write('100以内 7的倍数 : ') var i=0; while(i<=100){ if(i%7==0){ document.write(i+" " ) } i++; } // 2.打印100以内的奇数 document.write('
阅读全文
摘要：与或非三目运算： var a=10,b=20,c=30 console.log(a>b && b<c);//false console.log(c>b && b<c);//true //|| 有一个是true就是true 前面只要出现了true就不看后面的| 看完全部 console.log(c>b
阅读全文
摘要：一、了解JavaScript ： 1955-liveScript->JavaScript Netscape出品JavaScript概述：轻量级语句（弱语言），单线程语言，脚本语言JavaScript构成：ECMAScript（基本语法及相关对象）、DOM（文档对象模型）、BOM（浏览器对象模型）优势
阅读全文
摘要：<style> div { width: 200px; height: 200px; background-color: skyblue; margin: 50px auto; } </style> <div></div> 防抖: 一、什么是防抖？ 防抖阻止了事件的多次调用，规定时间内只会执行一次。
阅读全文
摘要：练习: 1. 找出下面字符串中的bag, beg, big, bog, 忽略大小写, 并将其改为bug: (I am a Big man, I have so mach bag, so veryone call me beg man, bog bog bog, I hate you! ) var s
阅读全文
摘要：关于3DES的sessionStorage加密解密及用法 安装好crypto-js模块（npm install crypto-js） //导入crypto-js模块 const CryptoJS = require("crypto-js"); //封装自定义类 MyStorage export cl
阅读全文
摘要：<style> *{ margin: 0; padding: 0; } #addGoodContent{ border-radius: 5px; padding: 10px; border: 1px solid #000; line-height: 30px; width: 400px; } #ad
阅读全文
摘要：下拉菜单 <div id="box"> <div id="title">请选择你喜欢的游戏</div> <ul id="gameList"></ul> </div> <style> *{ margin: 0; padding: 0; } #box{ width: 150px; margin: 100
阅读全文
摘要：1.变色移动盒 鼠标，键盘事件 <style> #box { width: 100px; height: 100px; position: absolute; border: 3px dashed skyblue; } </style> <div id="box"></div> <script> /
阅读全文
摘要：js事件 鼠标事件（Mouse Events） 1 onclick 点击事件 onclick 属性在单击鼠标时触发。 document.onclick = function(){ console.log('单击了'); } 不能应用于以下元素：<base>, <bdo>, <br>, <head>,
阅读全文
摘要：<script type="text/javascript"> class MouseHandler { constructor(selector) { this.domBtn = document.querySelector(selector); // 阻止右键出菜单事件 this.domBtn.
阅读全文
