js
捞起月亮的渔民~
本科学习的是前端开发,目前在读研,后面会分享深度学习相关知识和自己所踩得坑,很开心能和大家一起交流。
展开
-
记录js中name及其关键字
今天想在获取input标签中的值,在控制台打印出来后,发现结果一直是undefined,我感觉有点unbelievable,明明代码没错,但是取值一直都是undefined,后来才发现是name的原因,一般大家姓名都会用name来接收。这里要和大家解释一下,name不是关键字也不是保留字,但是很多函数都有name属性,例如:Window.name 、File.name、Function.name等等。所以大家以后要避免使用name来接收值,将name换成其他的名字代替~。名称:<input ty原创 2021-09-16 00:13:40 · 901 阅读 · 0 评论 -
js给元素绑定回车事件
相信看完下面这个案例你就懂了~//获取元素var arrStr = document.getElementById('arrStr');var delnum = document.getElementById('key');var btn = document.getElementById('btn');// 获取key框焦点,用enter键监听 arrStr.onkeydown = function (e) { var e = eve || window.event;原创 2021-09-11 10:27:15 · 1727 阅读 · 0 评论 -
使用js实现简单的下拉菜单
全部代码如下,详细注释已在代码注释中。<!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-UA-Compatible" content="ie=edge">原创 2021-08-05 15:08:21 · 5589 阅读 · 2 评论 -
图片跟随鼠标的移动案例
核心原理:每次鼠标移动,我们获取鼠标的最新坐标,将获取的X,Y坐标作为图片的top,left值。注意:代码中有两点需要格外注意:1.我第一次写完的时候,发现图片不随鼠标的移动而移动,最后才知道是没有添加定位(添加绝对定位是因为绝对定位在文档流中不占位置),img是行内元素,没有top,left值。2.在给top,left赋值的时候,千万不要忘记加 px <style> /* 若不加绝对定位,图片不会随着鼠标走,绝对定位不占位置 */ img{原创 2021-07-19 17:18:14 · 348 阅读 · 0 评论 -
js预解析
1.js代码是由浏览器中的js解释器来执行的,js解析器在运行js代码时分为两步:预解析和代码执行(a)预解析:就是js引擎会将js里面所有的 var 、function 提升到当前作用域的最前面。(b)代码执行:代码按照顺序来执行2.预解析又分为:变量预解析(变量提升)和 函数预解析(函数提升)(a)变量提升:将所有的变量声明提升到当前的作用域最前面,不提升赋值操作。(b)函数提升:将所有的函数声明提升到当前作用域的最前面 ,不调用函数具体案例如下,看完案例会恍然大悟哦 <sc原创 2021-07-15 21:33:23 · 67 阅读 · 0 评论 -
使用js实现页面tab切换效果
使用js实现页面切换代码如下:【HTML部分】 <nav> <ul> <li class="hh"><a>星期一</a></li> <li><a>星期二</a></li> <li><a>星期三</a></li> <li&g原创 2021-04-22 14:42:07 · 521 阅读 · 0 评论