![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
吃饭了吗
这个作者很懒,什么都没留下…
展开
-
获取地址栏中的数字部分
获取地址栏中的数字部分用的办法比较蠢如果地址栏中有多处数字,直接用的substr方法把前面多余的部分切掉,再提取数字部分,如果只有一个地方有数字就没必要截取了 var url= window.location.href; var strurl = url.substr(45) //截掉前面45个字符 console.log(strurl); var count = parseInt(strurl.replace(/[^0-9]/ig,""原创 2020-09-15 16:51:10 · 263 阅读 · 0 评论 -
ES6的内置对象扩展(笔记)
ES6的内置对象扩展一、Array 的扩展方法扩展运算符(展开语法)扩展运算符可以将数组或者对象转为用逗号分隔的参数序列输出结果没有逗号,因为被当成参数分隔符 let ary = [ 1, 2, 3]; ...ary // 1, 2, 3 console.log(...ary); // 1 2 3扩展运算符可以应用于合并数组 // 方法一 let ary1 = [1, 2, 3]; let ary2 = [3, 4, 5]; let ary3 = [...ary1原创 2020-07-18 18:09:31 · 96 阅读 · 0 评论 -
js商品放大镜案例
js商品放大镜案例效果图:左边是商品图片,右边是放大效果代码:记得把图片路径换成自己的 <style> .con{ padding: 200px 0 0 200px; } .box{ width: 300px; box-sizing: border-box; position: relative; }原创 2020-07-02 14:39:45 · 299 阅读 · 0 评论 -
js中的元素offset,client,scroll
js中的元素偏移量offset使用offset可以动态的得到该元素的位置,大小获得元素距离带有定位父元素的位置,如果没有父亲或者父亲没有定位,则以body为准获得元素自身的大小(宽度和高度)注意:返回的数值都不带单位,需要自己添加 + ‘px’offset系列常用属性offset系列属性作用element.offsetParent返回作为该元素带有定位的父级,如果父级都没有定位,则返回bodyelement.offsetTop返回元素到带有定位父元素上方的距原创 2020-07-02 10:51:07 · 166 阅读 · 0 评论 -
BOM中的location对象
BOM中的location对象1、什么是location对象window对象给我们提供了一个location属性用于获取或设置窗体的URL,并且可以用于解析URL。因为这个属性返回的是一个对象,所以我们将这个属性也称为location对象。2、URL统一资源定位符(URL)是互联网上标准资源的地址。互联网上的每个文件都有唯一的URL,它包含的信息指出文件的位置以及浏览器应该怎么处理它。URL的一般语法格式为protocol : // host [ : port ] / path / [ ?原创 2020-07-02 00:21:30 · 323 阅读 · 0 评论 -
js短信60s倒数案例
js短信60s倒数案例点击发送后,显示60秒倒数 <!-- 案例分析 1、按钮点击之后,会禁用disabled为true 2、同时按钮里面的内容会变化,注意button里面的内容通过 3、里面的秒数是有变化的,因此需要用到定时器 4、定义一个变量,在定时器里面,不断递减 5、如果变量为0说明到了时间,我们需要停止定时器,并且复原按钮初始状态 --> 手机号码:<原创 2020-07-01 10:59:36 · 146 阅读 · 0 评论 -
js将输入的字体放大显示案例
js将输入的字体放大显示案例 <!-- 案例分析: 1、快递单号输入内容时,上面的大号字体盒子( con )显示 这里面的文字 2、同时把快递单号里面的值(value)获取过来赋值给con盒子 (innerText)作为内容 3、如果快递单号里面内容为空,则隐藏大号字体盒子 ( con ) 盒子 4、注意:keydown 和 keypress 在文本框里面的特点:他们两个事件触发的时候,文字还没有落入文本框中原创 2020-06-30 22:39:13 · 334 阅读 · 0 评论 -
js图片随鼠标移动案例
js图片随鼠标移动案例 <!-- 案例分析 1、鼠标不断的移动,使用鼠标移动事件:mousemove 2、在页面中移动,给document注册事件 3、图片要移动距离,而且不占位置,使用绝对定位 4、核心原理:每次鼠标移动,我们都会获得最新的鼠标坐标,把这个x和y坐标作为图片的top和left值就可以移动图片 --> <style> img{原创 2020-06-30 21:38:48 · 291 阅读 · 0 评论 -
js留言板案例
留言板案例最近看pink老师的视频留言板案例简单的记录下,没加css样式 <table cellspacing = "0"> <thead> <tr> <th>姓名</th> <th>科目</th> <th>成绩</th>原创 2020-06-28 12:31:45 · 468 阅读 · 0 评论