js实战小项目随笔

获取事件源
var img = document.getElementById("imgs");
setAttribute为事件源赋值
img.setAttribute("src", "./image/" + index + ".jpg");

图片切换
image

js中元素的子元素可以用children[ ]表示
image

js中鼠标经过状态使用onmouseover触发

为checkbox设置文本时，一般用label标签包裹input标签和文本
image

事件处理器：onblur，失去焦点时触发
image

.at方法让我们在js代码中轻易的访问数组最后一元素
image

js中file的value即文件路径
image

随机生成1~36中的数字，Math.random生成的是0~1之间的小数，所以后面要乘以36，再通过floor向下取整
image

js通过style函数控制css样式

类名选择器：querySelector，但是要同时选中多个相同类的元素是要用querySelectorAll
image

写时钟特效的时候，Date()方法也要事实更新
image

外联js代码使用的是script标签，用link标签不会生效的
image

js中变量要定义在函数内部，否则会出现undefined问题
image

smsLogin.classList.add('bigblue');
psdLogin.classList.remove('bigblue');
给元素添加或删除类名
image

posted @ 2024-08-07 17:36  BushLay  阅读(18)  评论(0)    收藏  举报