JavaScript重新学习、捡漏
小六子666666
独、静、思~
展开
-
Javascript高级技术 特效系列
Javascript高级技术 元素偏移量offset offset系列属性 作用 element.offsetParent 返回作为该元素带有定位的父级元素 如果父级没有定位则返回body element.offsetTop 返回元素相对带有定位都元素上方的偏移 element.offsetLeft 返回元素相对带有定位都元素左边框的偏移 element.offsetWidth 返回自身包括padding、边框、内容区域的宽度,返回数值不带单位 element.offsetH原创 2020-05-24 17:22:40 · 230 阅读 · 0 评论 -
Javascript高级技术 BOM操作
Javascript高级技术 window的常见事件 事件 详情 window.onload = function(){}或者window.addEventListener(“load”,function(){}) 页面加载完成后执行里边的方法 document.addEventListener(“DOMContentLoaded”,function(){}) DOM元素加载完成就可以了(不包含图片等) window.onresize = function(){}window.add原创 2020-05-24 13:28:45 · 176 阅读 · 0 评论 -
Javascript高级技术(DOM详解第二弹)
Javascript高级技术 注册事件的几种方式 方式 注意事项 element.onclick = function(){ console.log(“注册事件”) } --传统方式 有唯一性 element.addEventListener(‘click’,function(){ console.log(“注册事件”) }) 不唯一,可添加多个监听器 element.attachEvent(‘onclick’,function(){ console.log(“注册事件”) }原创 2020-05-23 16:32:45 · 148 阅读 · 0 评论 -
Javascript高级技术(DOM操作详解)
Javascript高级技术 获取页面元素 API 参数 返回值 方法解释 document.getElementById() ID Element对象 通过ID获取页面的标签 document.getElementByTagName() TagName Element对象的集合(伪数组) 通过标签名获取页面的元素集合 element.getElementByTagName() TagName Element对象的集合(伪数组) 通过父元素使用子元素的标签名获取子元素集合 doc原创 2020-05-23 15:14:56 · 429 阅读 · 0 评论 -
JavaScript重新学习、捡漏 (9)
JavaScript重新学习、捡漏 (9) JavaScript的事件绑定 常用事件列表 事件列表 事件实现效果 方式 onclick 元素的点击事件 element.onclick = function(){} ondblclick 元素的双击事件 element.οndblclick= function(){} onfocus 表单获取焦点事件 element.οn...原创 2020-02-27 19:31:18 · 110 阅读 · 0 评论 -
JavaScript重新学习、捡漏 (8)
JavaScript重新学习、捡漏 (8) 对于Web API的学习也是,不用就很快忘记了,多学勤用!做好总结,以便再次复习使用。 对于 document的解读,是整个页面文档,可以获取到页面内所有的元素,包括body、html,element是获取到的Element对象,只能获取自己的子孙元素 关于元素的获取 通过id获取可以使用document.getElementById('id')获...原创 2020-02-22 00:26:06 · 99 阅读 · 0 评论 -
JavaScript重新学习、捡漏 (7)
JavaScript重新学习、捡漏 (6) String对象 字符串对象相对来说就比较简单了,涉及到的方法也不多 字符串对象的创建 var str = 'strstr'; //这种创建方式其实做了包装转换 var str = new String('strstr'); //当然我们一般就用第一种方式就可以啦 通过索引值获得字符值 var str = 'strstr'...原创 2020-02-20 22:37:23 · 147 阅读 · 0 评论 -
JavaScript重新学习、捡漏 (6)
JavaScript重新学习、捡漏 (6) Array对象 数组对象的创建 <script type="text/javascript"> </script> //数组对象的创建 //1、创建空数组 var arr = []; var arr = new Array(); //2、创建有值数组 var arr = [1,2]; v...原创 2020-02-11 22:53:06 · 133 阅读 · 0 评论 -
JavaScript重新学习、捡漏 (5)
JavaScript重新学习、捡漏 (5) Date对象 Date对象常用的方法介绍 //Date对象常用的方法 <script type="text/javascript"> //实例化一个Date对象 var date = new Date(); // 获得当前的年份 var year = date.getFullYear(); conso...原创 2020-02-11 18:10:36 · 173 阅读 · 0 评论 -
JavaScript重新学习、捡漏 (4)
JavaScript重新学习、捡漏 (4) Math 对象 1. round()方法坑点: 四舍五入函数,遇到 .5 则不同,遇到 .5 则是往大了取 2. abs()方法解析: 对于数字而言没有什么坑点,就是针对 字符串型的数字 有一个 隐式转换,也可以进行绝对值操作,但是对于 字符串 就没有办法了,返回一个 NaN。 3. random()返回一个[0,1]之间的浮点数,封装案例: //...原创 2020-02-08 14:37:18 · 135 阅读 · 0 评论 -
JavaScript重新学习、捡漏 (3)
JavaScript重新学习、捡漏 (3) 创建对象 //① var obj = { ... } //② var obj = new Object(); 使用对象 var obj = { name: '小胡', sex: '男', syaHi: function (){ console.log("hi~"); } } //使用上述对象: //①对象名.属性名 consol...原创 2020-02-08 13:00:02 · 152 阅读 · 0 评论 -
JavaScript重新学习、捡漏 (2)
JavaScript重新学习、捡漏 (2) 数组的长度 arr.length 新增数组元素 arr[arr.length] = "number"; //如果索引已存在则是替换 内置函数获取函数参数 function fn(){ console.log(arguments); //是一个伪数组: } /* 伪数组的定义: ①有数组的length属性 ②按照索引的方...原创 2020-02-06 18:48:18 · 259 阅读 · 0 评论 -
JavaScript重新学习、捡漏 (1)
JavaScript重新学习、捡漏 (1) 长时间不屑前端的代码了,尤其的生疏。准备一两天的时间来专门复习下HTML、CSS、JavaScript 在弹出框弹出输入框 var age = prompt("请输入你的年龄"); //用prompt函数来弹出一个输入框,里边的字符串参数是给予用户的提示,用户的输入用变量sge来接收 字符串数据类型的转换:(字符串->数字) /...原创 2020-01-30 15:01:14 · 183 阅读 · 0 评论