摘要：
案例20：模拟京东按键输入内容<body> <input type="text"> <script> // 核心思路： 检测用户是否按下了s 键，如果按下s 键，就把光标定位到搜索框里面 // 使用键盘事件对象里面的keyCode 判断用户按下的是否是s键 // 搜索框获得焦点： 使用 js 里面的 阅读全文
posted @ 2023-05-10 17:44
权衡
阅读(11)
评论(0)
推荐(0)
摘要：
案例21：模拟京东快递单号查询案例keydown和keypress在文本框里面的特点：他们两个事件触发的时候，文字还没有落入文本框中。 快递单号输入内容时， 上面的大号字体盒子（con）显示(这里面的文字同时把快递单号里面的值（value）获取过来赋值给 con盒子（innerText）做为内容如果 阅读全文
posted @ 2023-05-10 17:44
权衡
阅读(16)
评论(0)
推荐(0)
摘要：
案例22：倒计时效果这个倒计时是不断变化的，因此需要定时器来自动变化（setInterval）三个黑色盒子里面分别存放时分秒三个黑色盒子利用innerHTML 放入计算的小时分钟秒数第一次执行也是间隔毫秒数，因此刚刷新页面会有空白最好采取封装函数的方式， 这样可以先调用一次这个函数，防止刚开始刷新页 阅读全文
posted @ 2023-05-10 17:44
权衡
阅读(14)
评论(0)
推荐(0)
摘要：
案例15：tab栏切换<body> <div class="tab"> <div class="tab_list"> <ul> <li class="current">商品介绍</li> <li>规格与包装</li> <li>售后保障</li> <li>商品评价（50000）</li> <li>手机 阅读全文
posted @ 2023-05-10 17:43
权衡
阅读(18)
评论(0)
推荐(0)
摘要：
案例16：新浪下拉菜单<body> <ul class="nav"> <li> <a href="#">微博</a> <ul> <li> <a href="">私信</a> </li> <li> <a href="">评论</a> </li> <li> <a href="">@我</a> < 阅读全文
posted @ 2023-05-10 17:43
权衡
阅读(11)
评论(0)
推荐(0)
摘要：
案例17：留言添加操作<body> <textarea name="" id=""></textarea> <button>发布</button> <ul> </ul> <script> // 1. 获取元素 var btn = document.querySelector('button'); v 阅读全文
posted @ 2023-05-10 17:43
权衡
阅读(9)
评论(0)
推荐(0)
摘要：
案例18：留言删除操作<body> <textarea name="" id=""></textarea> <button>发布</button> <ul> </ul> <script> // 1. 获取元素 var btn = document.querySelector('button'); v 阅读全文
posted @ 2023-05-10 17:43
权衡
阅读(23)
评论(0)
推荐(0)
浙公网安备 33010602011771号