JavaScript
关注
分享
扫一扫
码仙♥
一个人能做的至善之举，就是帮助另一个人知道得更多
展开
-
JavaScript中常见的事件
目录0.码仙励志1.onclick() 鼠标左键单击事件2.onmouseover 鼠标进入事件3.onmouseout 鼠标离开事件4.onfocus 获取焦点事件5.onblur 失去焦点事件6.onmousemove 鼠标移动事件7.onscroll 滚动条滚动事件8. onkeydown / onkeyup 键盘按下/抬起事件1.ke...原创 2018-09-16 10:37:11 · 7146 阅读 · 2 评论 -
JavaScript中的构造函数和实例对象之间的关系（构造器）
0.码仙励志从来不跌倒不算光彩，每次跌倒后能再站起来，才是最大的荣耀1.自定义构造函数function Person(name,age,sex) { this.name=name; this.age=age; this.sex=sex; this.eat=function () { console.log("吃"); };}...原创 2018-10-25 08:54:44 · 842 阅读 · 0 评论 -
JavaScript中的location、history、navigator对象
0.码仙励志成功不是将来才有的，而是从决定去做的那一刻起，持续累积而成1.location//地址栏上#及后面的内容console.log(window.location.hash);//主机名及端口号console.log(window.location.host);//主机名console.log(window.location.hostname);//文件的路径-...原创 2018-09-28 19:22:24 · 924 阅读 · 0 评论 -
JavaScript中的三大系列offset、client、scroll
目录零、码仙励志一、offset系列1.offsetWidth和offsetHeight2.offsetTop和offsetLeft3.offsetParent二、scroll系列1.clientWidth和clientHeight2、clientTop和clientLeft (不常用)3、clientX和clientY三、scroll系列1、scrol...原创 2018-10-06 11:45:40 · 499 阅读 · 0 评论 -
JavaScript中的定时器setTimeout和setInterval
0.码仙励志过去的事，交给岁月去处理;将来的事，留给时间去证明。我们真正要做的，就是牢牢地抓住今天，让今天的自己胜过昨天的自己1.setTimeoutsetTimeout(函数,时间);//定时器,只执行一次函数的代码-----一次性的定时器,返回值是定时器的idclearTimeout(定时器的id);//清理定时器<body><input type="...原创 2018-10-05 10:09:21 · 298 阅读 · 0 评论 -
JavaScript中textContent、innerText和innerHTML的用法以及区别
目录0.码仙励志1.textContent的用法1.设置标签中的文本内容 2.获取标签中的文本内容 2.innerText的用法1.设置标签中的文本内容2.获取标签中的文本内容3.innerHTML的用法1.设置标签中的文本内容2.获取标签中的文本内容4.innerText和textContent的区别1.兼容代码设置任意的标签中间的任意文本内容...原创 2018-09-15 10:28:48 · 65606 阅读 · 25 评论 -
JavaScript中几种常见的获取元素的方式
目录0.码仙励志1.根据id获取元素document.getElementById("id属性的值");2.根据标签名字获取元素document.getElementsByTagName("标签的名字");3.根据name属性的值获取元素document.getElementsByName("name属性的值");4.根据类样式的名字获取元素 document....原创 2018-09-15 02:19:42 · 27731 阅读 · 0 评论 -
JavaScript中事件的绑定与解绑
目录零、码仙励志一、事件的绑定1. 对象.on事件名字=事件处理函数2. 对象.addEventListener("没有on的事件名字",事件处理函数,false);3. 对象.attachEvent("有on的事件名字",事件处理函数);4.总结绑定事件的区别5.兼容代码二、事件的解绑1.注意（必看）2.对象.on事件名字=null;3.对象.remo...原创 2018-09-23 22:58:55 · 8185 阅读 · 4 评论 -
JavaScript中元素创建的三种方式
目录0.码仙励志1. document.write("标签的代码及内容");2. 对象.innerHTML="标签及代码";3. document.createElement("标签的名字");4.元素相关的方法1.insertBefore( ) 在某个元素之前插入一个新的元素2.replaceChild( ) 替换某个元素3.removeChild( ) ...原创 2018-09-23 17:12:32 · 17099 阅读 · 0 评论 -
JavaScript中几种常见的创建对象的方法
目录0.码仙励志1.普通创建对象方法2.工厂模式创建对象3.自定义构造函数创建对象4.字面量方式创建对象1.未优化2.优化后5.JSON格式的数据0.码仙励志孤独是每个强者必须经历的坎1.普通创建对象方法<script> var obj = new Object(); obj.name = "小明"; obj.a...原创 2018-09-13 16:23:15 · 464 阅读 · 0 评论 -
JavaScript中一些简单的知识
目录0.码仙励志1.alert(); 弹框2.console.log(); 在控制台输出3.WebStorm 常用快捷键4.typeof 获取变量类型5.常用的类型转换1.parseInt(); 转整数2.pasreFloat(); 转小数3.Number(); 转数字4.Boolean(); 转布尔类型6.NaN 不是一个数字7....原创 2018-09-13 09:32:45 · 314 阅读 · 0 评论 -
JavaScript中节点的相关操作
目录0.码仙励志1.节点的介绍1.解释2.节点的属性1.解释2.nodeType 节点的类型3.nodeName 节点的名字4.nodeValue 节点的值3.获取相关的节点4.节点的兼容代码 1.获取任意一个父级元素的第一个子级元素2.获取任意一个父级元素的最后一个子级元素0.码仙励志精彩的人生没有彩排，每天都是现场直播1.节点的...原创 2018-09-16 19:49:29 · 322 阅读 · 0 评论 -
JavaScript中自定义属性的操作
目录0.码仙励志1.getAttribute("自定义属性的名字") 获取自定义属性的值 2.setAttribute("属性的名字","属性的值"); 设置自定义属性的值3.removeAttribute("属性的名字") 移除自定义属性 0.码仙励志一个人的成功不取决于他的智慧，而是毅力1.getAttribute("自定义属性的名字") 获取自定义属...原创 2018-09-16 11:38:14 · 3407 阅读 · 0 评论 -
JavaScript写的贪吃蛇小游戏
目录0.码仙励志1.完整版代码加注释2.游戏说明3.游戏截图0.码仙励志做不了决定的时候，让时间帮你决定。如果还是无法决定，做了再说。宁愿犯错，不留遗憾1.完整版代码加注释<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l原创 2018-10-25 09:44:49 · 288 阅读 · 3 评论