![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
Asteroid 325
专注自己和专注自己热爱的事。Cross my fingers for me.
展开
-
088|拖拽
原创 2020-08-21 21:50:48 · 69 阅读 · 0 评论 -
087|阻止默认行为和超链接
阻止默认行为浏览器自带的默认右键原创 2020-08-21 21:15:22 · 2565 阅读 · 0 评论 -
086|事件练习
跟随鼠标移动跟随鼠标一串的效果原创 2020-08-21 17:20:49 · 183 阅读 · 0 评论 -
085|事件冒泡和触发对象
触发对象<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>085事件冒泡和触发对象</title> <script> /* target 目标对象/触发对象 IE8以下不兼容 window.event.srcElement */ window.onload=function(){原创 2020-08-21 17:11:09 · 222 阅读 · 0 评论 -
084|事件对象属性
事件对象属性<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>084事件对象属性</title> <script> /* 事件对象的属性: shiftKey 按下shift键为true,默认为false altKey ctrlKey metaKey:原创 2020-08-20 22:18:04 · 100 阅读 · 0 评论 -
082|事件对象和事件对象属性
事件对象获取普通函数<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>082事件对象和事件对象属性</title> <script> /* 番茄炒蛋 番茄+鸡蛋+调料 事件绑定: 元素节点.on+事件类型=匿名函数; [注]系统会在事件绑定一旦完成的时候,生成一个原创 2020-08-20 15:19:55 · 120 阅读 · 0 评论 -
081|Event事件类型
HTML事件window事件的load加载后触发<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>081Event事件类型</title> <script> /* 三.HTML事件 1.window事件 load 当页面加载完成以后触发 unload 浏览器解构的时候触发(刷新页面原创 2020-08-19 21:22:16 · 1121 阅读 · 0 评论 -
080|认识事件和事件类型
什么是事件事件绑定方式(内联模型,脚本模型)<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>080认识事件和事件类型</title> <script> /* 绑定事件 1.内联模式 2.外联模式/脚本模式(最多) 绑定事件格式 元素节点.on+事件类型=匿名函原创 2020-08-16 22:01:45 · 167 阅读 · 0 评论 -
079|数组和对象的遍历方法
数组遍历方法<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>079|数组和对象的遍历方法</title> <script> /* 数组: for循环 for....in 快速遍历 forEach */ var arr=[10,20,30,40,50]; for(var...原创 2020-08-15 23:24:10 · 96 阅读 · 0 评论 -
078|文档碎片
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>078文档碎片</title> <script> window.onload=function(){ console.time("test1"); for(var i=0;i<100000;i++){ var newDiv=document....原创 2020-08-15 23:00:29 · 77 阅读 · 0 评论 -
076|选项卡
原创 2020-08-08 18:43:38 · 86 阅读 · 0 评论 -
075|快速找到按钮的下标
原创 2020-08-05 22:30:20 · 75 阅读 · 0 评论 -
074|节点操作实例
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>074节点操作实例</title> <style> #div1{width:400px;height: 100px;background-color: orange;} #div2{width:400px;height: 500px;background-color: peachp原创 2020-08-05 21:13:21 · 182 阅读 · 0 评论 -
073|节点操作
节点操作document.write()可以将任意字符窜插入文档中<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>073节点操作</title> <script> /* document.write() 【注】会覆盖页面上原有的内容 how not to cover original text?原创 2020-08-05 19:38:52 · 170 阅读 · 0 评论 -
072|属性节点attributes
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>072属性节点attributes</title> <script> /* attributes 获取当前元素节点上的所有属性节点 集合: 1.无序 2.不重复 */ window.onload=function(){原创 2020-08-05 16:54:52 · 196 阅读 · 0 评论 -
071|获取子节点
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>071获取子节点</title> <script> /* 以下5个属性都包含文本节点 childNodes 访问当前节点下所有的节点 firstChild 访问子节点中的首位 lastChild 访问字节点的最后一位 n...原创 2020-08-05 16:29:05 · 194 阅读 · 0 评论 -
070|attribute和元素节点属性
attribute<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>070attribute和元素节点属性</title> <script> /* setAttribute getAttribute removeAttribute() */ window.onload=function(原创 2020-08-05 06:35:07 · 136 阅读 · 0 评论 -
069|改变字体的颜色和大小
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>069改变字体的颜色和大小</title> <style> #div1{width:400px;height: 200px;background-color: white;border:1px solid black;margin:100px auto;text-align: cente原创 2020-08-04 21:49:15 · 135 阅读 · 0 评论 -
068|如何获取当前有效样式
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> #div1{background-color: blue;} .box{height:300px;background-color: blue;} </style> <script> window.onl...原创 2020-08-04 20:02:57 · 214 阅读 · 0 评论 -
067|自定义byClassName方法
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script> /* node.getElementsByClassName() */ function elementsByClassName(node,classStr){ //1.获取node这个节点下所有的子节点 .原创 2020-08-04 17:17:24 · 291 阅读 · 0 评论 -
065|认识DOM
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .box1{heigh:300px;} </style> <script> /* DOM:document object model文档对象模型(层级) 节点类型: 元素节..原创 2020-08-01 20:50:29 · 91 阅读 · 0 评论 -
064|location对象方法
两个location是一样的<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>064location对象方法</title> <script> alert(window.location===window.document.location);//true </script> </head> &l.原创 2020-08-01 18:04:54 · 130 阅读 · 0 评论 -
063|location对象的属性
location对象的属性原创 2020-08-01 17:46:09 · 94 阅读 · 0 评论 -
062--history对象
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>062history对象</title> </head> <script> /* history对象 window.history 掌管的是,当前窗口(注意不是浏览器)历史记录(只要加载url就会不一样) 属性: ...原创 2020-07-31 21:43:54 · 111 阅读 · 0 评论 -
061认识BOM
BOM<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script> /* BOM: browser object model 浏览器对象模型 */ /* 系统对话框 window 方法(一般情况下window可以省略),相当与是默认为windo原创 2020-07-30 19:21:05 · 135 阅读 · 0 评论 -
009----强制类型转换
Boolean()原创 2020-07-30 15:55:21 · 95 阅读 · 0 评论 -
008-算数运算的练习
原创 2020-07-29 22:19:25 · 104 阅读 · 0 评论 -
007--赋值和一元运算符
赋值自增,自减<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>一元运算</title> <script> /* 一元运算符 ++自增 a++; 值:++后置,先取a的值作为a++表达式的值,然后再对a进行+1 功能:对原有的变量进行+1操作 ++a;原创 2020-07-29 21:23:21 · 91 阅读 · 0 评论 -
006-算数运算符
表达式算数运算符<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>算数运算符</title> <script> /* 运算符: 1.算数运算符 + - * / %(取余符号) 2.关系运算符 > < >= <= == != === !=...原创 2020-07-29 20:30:24 · 93 阅读 · 0 评论 -
005--进制转换(没什么用的一节)
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <script> /* 二进制:0 1 十进制:0~9 八进制:模八取余 十六进制:模十六取余 十进制转二进制: 模二取余,固定流程 十进制 52 转二进制是1101.原创 2020-07-29 17:32:09 · 150 阅读 · 0 评论 -
004---变量命名和弱引用
变量命名弱引用原创 2020-07-29 16:53:03 · 79 阅读 · 0 评论 -
003----Js常量和变量
数据类型常量变量 的定义变量的声明如果没有赋值,定义的时候会自动填入undefined,如果后面再赋值,需要擦掉undefined然后往里填。如果一开始赋值给null,后面赋值的时候直接往里面填值就可以了,不需要擦掉...原创 2020-07-29 16:06:29 · 80 阅读 · 0 评论 -
002--Javascript的基础语法知识
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Document</title> <script> /* ECMA javascript组成 1.ECMAScript 3,4 5,6,7 2.DOM文档(从一个html标签到结束html标签) 3.BOM浏览器,每一个浏览器页面 .原创 2020-07-29 14:57:49 · 68 阅读 · 0 评论 -
001.javascript基础语法知识
原创 2020-07-28 20:07:01 · 59 阅读 · 0 评论