var pic=document.getElementById('pic'); var obtn=document.getElementById('btn'); console.log(pic.getAttribute('src')); console.log(pic.getAttribute('a Read More
posted @ 2019-09-16 14:18
陌漠
Views(533)
Comments(0)
Diggs(0)
事件三要素： 事件源.事件类型(点击onclick)=function(){ 事件触发后执行的代码 } 案例： function abb(a){ return document.getElementById(a); } abb('box').onmouseenter=function(){ // o Read More
posted @ 2019-09-16 14:17
陌漠
Views(509)
Comments(0)
Diggs(0)
function abb(a){ return document.getElementById(a); } console.log(abb('box').innerHTML); 标签.innerHTML 获取标签的html abb('box').innerHTML='修改后的值'; 标签.inner Read More
posted @ 2019-09-16 14:16
陌漠
Views(472)
Comments(0)
Diggs(0)
（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 Read More
posted @ 2019-09-16 14:04
陌漠
Views(510)
Comments(0)
Diggs(0)
变量提升：在JavaScript中，页面加载时，会将用var声明的变量提升到作用域的最前端，只能提升声明，不能提升赋值 如果变量先赋值再使用，可以省略关键字var 如果先使用变量，再赋值，不可以省略关键字var a='hello'; console.log(a); // var a; a=10; f Read More
posted @ 2019-09-16 14:01
陌漠
Views(113)
Comments(0)
Diggs(0)
函数：将一些可重复使用的并且有特殊功能的代码封装起来。函数具有封装性。 定义函数：function 函数名(参数1,参数2,...){函数体} 使用函数：函数名(参数); 使用函数，即执行函数体中的代码 一、函数定义 （1）普通定义方法 function add(x,y){ console.log( Read More
posted @ 2019-09-16 14:00
陌漠
Views(125)
Comments(0)
Diggs(0)
（1）while语句 while(条件){ 条件为真，进入循环体。出现0 null undefined false其中任意一种情况，条件即为假 循环体 } 案例： var n=0; var count=0; while (n<100) { // 条件为真时，进入循环体。为了避免出现死循环，条件不能永 Read More
posted @ 2019-09-16 13:54
陌漠
Views(1294)
Comments(0)
Diggs(0)
（1）if条件语句 // if(条件){当条件为真，存在即为真。当条件为false null 0 undefined中任意一种时，则表示不存在，不存在即为假} if(条件){ 条件为真时执行的代码 }else{ 条件为假时执行的代码 }*/ /* if(条件1){ 条件1为真时执行的代码 }else Read More
posted @ 2019-09-16 11:13
陌漠
Views(220)
Comments(0)
Diggs(0)
（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 / Read More
posted @ 2019-09-16 11:10
陌漠
Views(177)
Comments(0)
Diggs(0)
var a; a='hello'; a=10.222; a=false; var b; b=null; console.log(b); console.log(typeof(b)); // typeof(数据/表达式) 检查数据类型 /* 数据基本类型(五种)： 1、string字符串类型：用引号括 Read More
posted @ 2019-09-16 11:02
陌漠
Views(133)
Comments(0)
Diggs(0)
var a; // 声明变量a，变量：值可以改变的，相当于数学x,y,z... a=10; // 将10赋值给a var test; var Test; /* 变量命名规则： 1、不能以数字开头 2、可以由数字、字母、$和下划线_组成 3、区分大小写，不能由空格 4、长度最大为255个字符 5、不能 Read More
posted @ 2019-09-16 11:00
陌漠
Views(89)
Comments(0)
Diggs(0)
定义动画 动画定义后，可以无限次被使用，动画过程有多少个状态，取决于动画本身的运行轨迹，不是所有的动画都有同样的状态的 @keyframes 动画名{ 动画执行过程 } 使用动画：animation:动画名 动画执行时间 动画执行次数 动画运行轨迹（动画平滑） 案例： （1）html <div></ Read More
posted @ 2019-09-16 10:59
陌漠
Views(106)
Comments(0)
Diggs(0)
transform: rotate(45deg);旋转 rotate(值) 值为正，表示元素顺时针旋转 值为负，表示元素逆时针旋转 transform: translate(200px,100px);位移 translate(水平方向位移,垂直方向位移) transform: scale(3,2); Read More
posted @ 2019-09-16 10:58
陌漠
Views(227)
Comments(0)
Diggs(0)
过渡属性：使元素变化过程可见 transition: all 1s;元素所有变化过程都可见 transition: 1s;元素所有变化过程都可见 transition: 指定属性 2s 1s;指定属性变化过程可见，过渡时间2s，延迟1s，过渡时间和延迟时间顺便不可以调整 案例： （1）html <d Read More
posted @ 2019-09-16 10:54
陌漠
Views(508)
Comments(0)
Diggs(0)
border-radius圆角 当盒子的宽高一样时，设置盒子的border-radius为50%，得到一个圆形 border-radius: 20px 30px 200px 200px; 只写一个值：表示四边的圆角都为该值 写两个值：第一个值表示左上角和右下角的圆角，第二个值表示右上角和左下角的圆角 Read More
posted @ 2019-09-16 10:16
陌漠
Views(695)
Comments(0)
Diggs(0)
盒子模型：width/height/padding/margin/border其中，padding和border影响盒子的占位 宽高为内容的宽高 height: 100px; width: 100px; border: 10px dotted green;边框 第一个值：线的粗细 第二个值：线的类型 Read More
posted @ 2019-09-16 10:14
陌漠
Views(107)
Comments(0)
Diggs(0)
设置背景颜色：值可以直接写英文字母，也可以写十六进制，也可以写rgbbackground-image: url('img/timg2.jpg'); 引入背景图片background-repeat: no-repeat; 背景图片平铺，默认为平铺。no-repeat：不平铺；repeat-x：水平方向 Read More
posted @ 2019-09-16 10:10
陌漠
Views(191)
Comments(0)
Diggs(0)
文本水平居中：text-align: center; 单行文字垂直居中：line-height:盒子的高度 行高：从上一行文字结束的地方开始，到下一行文字结束的地方结束 案例： （1）html <h1>这是文字</h1> (2)css h1{ height: 150px; border: 1px s Read More
posted @ 2019-09-16 10:04
陌漠
Views(396)
Comments(0)
Diggs(0)
外边距塌陷： 1、父级和子级之间 给子级上边的外边距，父级会跟着子级下来 解决方法： 1）给父级overflow: hidden; 2）给父级上边框 2、同级之间 在垂直方向上，外边距不会叠加，谁大听谁的 在水平方向上，外边距会叠加 案例： （1）html <div> <p></p> </div> Read More
posted @ 2019-09-16 10:02
陌漠
Views(600)
Comments(0)
Diggs(0)
行内块元素默认外边距解决方法： 水平方向：给元素浮动 垂直方向：1、给元素vertical-align: top/bottom; 2、将元素转化成块级元素 案例： （1）html <div> <img src="img/t.jpg" alt=""> </div> （2）css div{ border Read More
posted @ 2019-09-16 09:59
陌漠
Views(1393)
Comments(0)
Diggs(0)
事件冒泡：子级和父级绑定相同的事件，触发子级的事件，会同时触发父级的事件 事件冒泡解决方法： 1、给子级加return false; 2、给子级加e.stopPropagation() 标签默认行为：标签自身带有的行为，比如a标签的跳转，表单的自动提交 阻止默认行为： 1、给标签加return fa Read More
posted @ 2019-09-16 09:56
陌漠
Views(148)
Comments(0)
Diggs(0)
浙公网安备 33010602011771号