随笔分类 - 前端笔记
摘要：var time=new Date(); // 创建时间对象 new Date()获取当前系统时间 console.log(time); console.log(time.getFullYear()); // 获取年份 console.log(time.getMonth()); // 获取月份，获取
阅读全文
摘要：var patt=new RegExp('box','i'); /* 使用new关键字创建正则对象 第一个值：匹配字符串 第二个值：修饰符。i表示忽略大小写，g表示全局匹配，m表示多行匹配 */ // console.log(patt); var a=' This Box is Box a Box
阅读全文
摘要：（1）html <div class="box" id="box"> <ul class="uls" id="uls"> <li><img src="img/one.jpg" alt=""></li> <li><img src="img/two.jpg" alt=""></li> <li><img
阅读全文
摘要：（1）单次定时器 setTimeout(function(){执行的动作},时间:ms) 单次定时器，一般用于函数节流 案例： var timer=setTimeout(function(){ document.body.style.background = 'yellow'; },2000) cl
阅读全文
摘要：//创建一个空数组 var arr=[]; arr[0]='hello'; // console.log(arr); // 通过对象的方式创建数组 var arr2=new Array(10); // 创建空数组，此时长度为10 // console.log(arr2); var arr3=[10]
阅读全文
摘要：a.appendChild(b) 追加标签 a是b的父级，将b追加到a中 追加标签 a.insertBefore(b,c); a是b和c的父级，在c前面插入b 删除标签 a.removeClild(b) a是b的父级，删除b标签 案例： （1）html <input type="text" id="
阅读全文
摘要：表单元素.value 获取表单元素的值 表单元素.value='这是修改后的值' 修改表单元素的值 案例： （1）html <input type="text" id="input" value="123"> (2)JavaScript var obox=document.getElementByI
阅读全文
摘要：控制标签css标签.style.样式='样式具体的值'如果样式出现中横线，如border-radius，将中横线去掉，中横线后面的单词首字母大写，写成borderRadius如果原来就要该样式，表示修改样式，如果没有，表示增加样式 案例： （1）html <div id="box" style="w
阅读全文
摘要：var pic=document.getElementById('pic'); var obtn=document.getElementById('btn'); console.log(pic.getAttribute('src')); console.log(pic.getAttribute('a
阅读全文
摘要：事件三要素： 事件源.事件类型(点击onclick)=function(){ 事件触发后执行的代码 } 案例： function abb(a){ return document.getElementById(a); } abb('box').onmouseenter=function(){ // o
阅读全文
摘要：function abb(a){ return document.getElementById(a); } console.log(abb('box').innerHTML); 标签.innerHTML 获取标签的html abb('box').innerHTML='修改后的值'; 标签.inner
阅读全文
摘要：（1）html <p id="txt">这是P标签</p> <h1 id="txt" style="color: red;">这是标题</h1> <ul> <li></li> <li></li> <li class="one"></li> <li class="one"></li> <li clas
阅读全文
摘要：变量提升：在JavaScript中，页面加载时，会将用var声明的变量提升到作用域的最前端，只能提升声明，不能提升赋值 如果变量先赋值再使用，可以省略关键字var 如果先使用变量，再赋值，不可以省略关键字var a='hello'; console.log(a); // var a; a=10; f
阅读全文
摘要：函数：将一些可重复使用的并且有特殊功能的代码封装起来。函数具有封装性。 定义函数：function 函数名(参数1,参数2,...){函数体} 使用函数：函数名(参数); 使用函数，即执行函数体中的代码 一、函数定义 （1）普通定义方法 function add(x,y){ console.log(
阅读全文
摘要：（1）while语句 while(条件){ 条件为真，进入循环体。出现0 null undefined false其中任意一种情况，条件即为假 循环体 } 案例： var n=0; var count=0; while (n<100) { // 条件为真时，进入循环体。为了避免出现死循环，条件不能永
阅读全文
摘要：（1）if条件语句 // if(条件){当条件为真，存在即为真。当条件为false null 0 undefined中任意一种时，则表示不存在，不存在即为假} if(条件){ 条件为真时执行的代码 }else{ 条件为假时执行的代码 }*/ /* if(条件1){ 条件1为真时执行的代码 }else
阅读全文
摘要：（1）赋值运算符 // c+=1; // 相当于c=c+1; // console.log(a++); // 先将a的值赋值给表达式，a再加1 // console.log(++a); // a先加1，再将a的值赋值给表达式 *取余运算符 var a=0; // a%3==0 // a%3==1 /
阅读全文
摘要：var a; a='hello'; a=10.222; a=false; var b; b=null; console.log(b); console.log(typeof(b)); // typeof(数据/表达式) 检查数据类型 /* 数据基本类型(五种)： 1、string字符串类型：用引号括
阅读全文
摘要：var a; // 声明变量a，变量：值可以改变的，相当于数学x,y,z... a=10; // 将10赋值给a var test; var Test; /* 变量命名规则： 1、不能以数字开头 2、可以由数字、字母、$和下划线_组成 3、区分大小写，不能由空格 4、长度最大为255个字符 5、不能
阅读全文
摘要：定义动画 动画定义后，可以无限次被使用，动画过程有多少个状态，取决于动画本身的运行轨迹，不是所有的动画都有同样的状态的 @keyframes 动画名{ 动画执行过程 } 使用动画：animation:动画名 动画执行时间 动画执行次数 动画运行轨迹（动画平滑） 案例： （1）html <div></
阅读全文
浙公网安备 33010602011771号