- 博客(110)
- 收藏
- 关注
RSS订阅原创 2020-10-30
js的sort 方法：默认是字符串排序，所以我们要运用sort方法排序数字，就需要把它转化为排序数字，代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document
2020-10-30 01:50:36
258
原创 js制作日历
制作日历：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><style> .ri.
2020-06-15 23:41:47
389
原创 js 选项卡制作
代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><style> #di.
2020-06-03 15:32:48
334
原创 js学习（全选，不选，反选）
代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><script> win
2020-06-03 14:55:31
185
原创 延时提示框
代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http...
2019-12-12 09:46:55
174
原创 表钟的制作js
代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...
2019-12-11 10:39:27
178
原创 使用json的循环
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2019-11-22 11:31:43
803
原创 JSON 和 JS 对象
3.2值可以是对象、数组、数字、字符串或者三个字面值(false、null、true)中的一个。值中的字面值中的英文必须使用小写。3.2.1对象由花括号括起来的逗号分割的成员构成，成员是字符串键和上文所述的值由逗号分割的键值对组成，如： 1 {"name":"JohnDoe","age":18,"address":{"country":"...
2019-11-22 11:16:24
560
原创 js日历制作
代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq...
2019-11-21 11:47:51
277
原创 选项卡js的制作
选项卡的制作：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-...
2019-11-12 23:55:19
220
原创 js的全选，反选，不选的例子
代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...
2019-11-07 01:08:32
200
原创 js函数的应用
js函数的应用，代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...
2019-10-18 18:11:58
349
原创 自动切换图片
自动切换图片：html代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...
2019-09-26 16:42:34
308
原创 js上一页和下一页的绑定事件
html代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-...
2019-09-26 16:10:37
799
原创 nextSibling 属性与 nextElementSibling 属性的异同
nextSibling 属性与 nextElementSibling 属性的异同不同点： nextSibling 属性返回元素节点之后的下一个兄弟节点（包括文本节点、注释节点）； nextElementSibling 属性只返回元素节点之后的下一个兄弟元素节点（不包括文本节点、注释节点）； 相同点：nextElementSibling属性和nextSibling属性均为为只读属性...
2019-09-25 18:08:14
920
原创 javaScript 对象的获取
let,const都是有域之说的，var没有links属性返回一个文档中所有具有 href 属性值的<area>元素与<a>元素的集合。HTML<area>元素 在图片上定义一个热点区域，可以关联一个超链接。<area>元素仅在<map>元素内部使用。...
2019-09-25 18:06:19
378
原创 js函数
代码如下：(function(name){ console.log("this's" + name);}('this'schen hong'));输出结果：this'schen hong代码如下：var person = { add:function(){ console.log('This is add()'); ...
2019-09-22 22:43:01
104
原创 js遍历
遍历对象数组：在js中，map遍历，如上的。就是以map遍历去通过一个方法拿到这个对象数组中的每个元素的属性值，组成另外一个数组。以上就是以map遍历通过function（user）去拿到每个user的id，去组成另外一个数组。代码如下：const persons=[ {id:1,firstName:'chen',lastName:'haishen',age:23}, ...
2019-09-22 16:58:33
437
原创 forEach() 方法
定义和用法forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。注意:forEach() 对于空数组是不会执行回调函数的。
2019-09-22 16:41:28
7832
原创 JavaScript sort() 方法
js的sort()方法是以ASCII字符代码从小到大排序 其中return x -y; 是从小到大排列的，而returny -x是从大到小排序的。
2019-09-22 15:40:12
191
原创 选择器和伪元素
通配符选择器：标签选择器和ID选择器：类选择器：复合选择器：复合选择器的代码如下：后代选择器：后代选择器的代码如下：并集选择器：并集选择器的代码如图：子元素选择器：子元素选择器的代码如图：属性选择器：伪类选择器：伪元素...
2019-09-16 08:55:06
171
原创 CSS控制标签的显示模式
注意：行内元素不可以设置高和宽，而块级元素可以。如果想要行内元素可以设置高和宽，则就把它设置为：display：inline-block
2019-09-16 08:53:32
287
原创 HTML5新增智能表单标签
自动完成：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-`1width, initial-scale=1.0"> <m...
2019-09-15 14:59:04
294
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人