09 2019 档案
摘要：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></
阅读全文
摘要：transform: rotate(45deg);旋转 rotate(值) 值为正，表示元素顺时针旋转 值为负，表示元素逆时针旋转 transform: translate(200px,100px);位移 translate(水平方向位移,垂直方向位移) transform: scale(3,2);
阅读全文
摘要：过渡属性：使元素变化过程可见 transition: all 1s;元素所有变化过程都可见 transition: 1s;元素所有变化过程都可见 transition: 指定属性 2s 1s;指定属性变化过程可见，过渡时间2s，延迟1s，过渡时间和延迟时间顺便不可以调整 案例： （1）html <d
阅读全文
摘要：border-radius圆角 当盒子的宽高一样时，设置盒子的border-radius为50%，得到一个圆形 border-radius: 20px 30px 200px 200px; 只写一个值：表示四边的圆角都为该值 写两个值：第一个值表示左上角和右下角的圆角，第二个值表示右上角和左下角的圆角
阅读全文
摘要：盒子模型：width/height/padding/margin/border其中，padding和border影响盒子的占位 宽高为内容的宽高 height: 100px; width: 100px; border: 10px dotted green;边框 第一个值：线的粗细 第二个值：线的类型
阅读全文
摘要：设置背景颜色：值可以直接写英文字母，也可以写十六进制，也可以写rgbbackground-image: url('img/timg2.jpg'); 引入背景图片background-repeat: no-repeat; 背景图片平铺，默认为平铺。no-repeat：不平铺；repeat-x：水平方向
阅读全文
摘要：文本水平居中：text-align: center; 单行文字垂直居中：line-height:盒子的高度 行高：从上一行文字结束的地方开始，到下一行文字结束的地方结束 案例： （1）html <h1>这是文字</h1> (2)css h1{ height: 150px; border: 1px s
阅读全文
摘要：外边距塌陷： 1、父级和子级之间 给子级上边的外边距，父级会跟着子级下来 解决方法： 1）给父级overflow: hidden; 2）给父级上边框 2、同级之间 在垂直方向上，外边距不会叠加，谁大听谁的 在水平方向上，外边距会叠加 案例： （1）html <div> <p></p> </div>
阅读全文
摘要：行内块元素默认外边距解决方法： 水平方向：给元素浮动 垂直方向：1、给元素vertical-align: top/bottom; 2、将元素转化成块级元素 案例： （1）html <div> <img src="img/t.jpg" alt=""> </div> （2）css div{ border
阅读全文
摘要：事件冒泡：子级和父级绑定相同的事件，触发子级的事件，会同时触发父级的事件 事件冒泡解决方法： 1、给子级加return false; 2、给子级加e.stopPropagation() 标签默认行为：标签自身带有的行为，比如a标签的跳转，表单的自动提交 阻止默认行为： 1、给标签加return fa
阅读全文
浙公网安备 33010602011771号