2021年04月_WangL0101

原创 js中 this和target区别

this 和 e.target区别this返回的是绑定该事件的元素。e.target点了哪个就返回哪个<body> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> &l

2021-04-21 20:11:49 314

键盘常用事件onkeyup 某个键盘按键送开始触发onkeydown 某个键盘按键按下时触发onkeypress 某个键盘按键被按下时触发注意：它不识别功能按键比如 ctrl shift 箭头等注意：如果使用addEventListener不需要加on三个事件执行顺序是keydown-keypress-keyup键盘事件对象keyCode 返回该键的ascll值注意：onkeydown和onkeyup不区分字母大小写，onkeypress区分大小写，但是不识别功能键。.

2021-04-21 19:52:10 128

原创 js事件委托

事件委托不是每个子节点单独设置事件监听器，而是事件监听器设置在其父节点上，然后利用冒泡原理影响设置每个子节点。<script> var ul = document.querySelector('ul'); //想要对每个li添加点击事件，通过对ul添加点击事件通过冒泡来实现对每个li进行点击事件。 ul.addEventListener('click', function(e) { alert('66'); e.target.sty

2021-04-21 19:51:36 56

原创 js排他思想

排他思想首先排除其他人，然后设置子的样式<body> <button>点击</button> <button>点击</button> <button>点击</button> <button>点击</button> <button>点击</button></body><script> //点击bu

2021-04-21 19:51:04 73

原创 js自定义属性

自定义属性1. 创建自定义属性。element.setAttribute(‘属性名’,属性值)2. 获得自定义属性值element.getAttribute(‘属性’)3.移除属性element.removeAttribute(‘属性’)H5自定义属性H5规定自定义属性data-开头做为属性名并且赋值<div data-index=“1”></div>获取自定义属性H5新增 element.dataset.index 或者 element.dataset

2021-04-21 19:50:32 356

原创 js预解析问题

js与解析问题。一、js运行分为两步：预解析代码执行。预解析会把js中所有的 var 和 function 提升到当前作用域最上面执行代码按照从上到小执行。二、变量预解析（变量提升）和函数预解析（函数提升）变量提升就是把所有的变量声明提升到当前作用域前面 “注意：不提升赋值操作。”函数提升就是把所有的函数声明提升到作用域前面 “注意：不调用函数。” //1.变量预解析 console.log(num); var num = 10; //输出结果u

2021-04-21 19:50:02 49

原创 js变量作用域

javascript变量作用域一、全局变量（在函数外部定义的变量）。全局变量在任何位置都可以使用。在全局作用域下var声明的变量为全局变量。特殊情况下，在函数内部不适用var声明的变量也为全局变量（不推荐使用）。 function fun() { sum = 10;//全局变量。 }; fun(); console.log(sum);//输出结果为10.二、局部变量（在函数内部定义的变量）。局部变量只有在该函数的

2021-04-21 19:49:27 36

原创 js ineerText和innerHTML区别以及更改元素样式

一、更改元素种的内容1.innerText不识别html标签非标准去除空格和换行。2.ineerHTML识别html标签 w3c标准保留空格和换行。这两个属性都是可读写的可以获取元素里的内容。注意：input中的内容是通过更改value属性来实现的。二、修改元素的样式element.style.属性名= 属性名要用驼峰命名法elemetn.className= 注意：这样会直接更改原来的类名，覆盖原来的类名。解决方法：之前的类名现在的类名...

2021-04-21 19:48:43 234

原创 js获取对象和节点操作

一、获取元素1.根据id获得。document.getElementById(‘id’);2.根据标签名获取。getElementsByTagName();此方法可以返回带有指定标签名的对象的集合。注意：我们得到的对象的集合，因此我们要操作里面的元素就需要遍历。3.根据类名获取元素集合。document.getElementsByClassName(‘类名’)4.根据指定选择器返回第一个元素对象doucment.querySelector(‘选择器’)注意：选择器中需要加符

2021-04-21 19:45:20 344

原创 javascript对象

一、对象的创建方法。第一种根据字面量创建 //1.第一种创建方法。 var obj = { username: 'ww', age: 10, say: function() { console.log('hellow'); } }第二种创建方法。 } //2.第

2021-04-21 19:44:28 32

原创 flex布局常见的属性

flex 布局通过给父盒子设置flex属性，来控制盒子的位置和排列方式。flex任何一个容器都可以指定为flex布局。当父盒子设为flex布局以后，子元素的float、clear、vertical-align属性都将失效。一、flex布局"父项"常见属性1.flex-direction设置主轴方向:row (默认)从左到右。row-reverse 从右到左。column 从上到下。column-reverse从下到上。2.justify-content设置"主轴"上的对齐方式

2021-04-18 08:24:33 2272

原创块元素行内元素行内块元素各自的特点

块元素行内块元素行内元素的特点。一、块元素 block自已独占一行。宽度，高度，外边距，内边距都可以自己控制。宽度默认为是父元素的100%。是一个容器及盒子，里面可以放行内或者块元素。二、行内元素 inline相邻行内元素在一行上显示，一行显示多个。宽高设置是无效的。默认宽度是他本身的宽度。行内元素只能容纳文本，或者其他行内元素。三、行内块元素 inline-block和相邻行内块元素再一行显示，但是他们之间会有空白缝隙。一行上可显示多个。默认宽度就是它本身内容的宽

2021-04-18 08:19:14 4391

原创嵌套块元素垂直外边距的塌陷解决办法

嵌套块元素垂直外边距的塌陷解决办法：1.父元素定义边框。2. 父元素定义内边距。3. 可以给父元素添加overfl：hidden.“浮动，固定，绝对定位，盒子不会有塌陷问题”

2021-04-18 07:58:06 160

weixin_45802907的博客