![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript试题
一染星辰
不求甚解,唯有敬亭山!!!加油!
展开
-
js:tab切换(4种方法 大全 代码)
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #box { display: flex; } .left>div { width: 200px; height: 100px; line-height: 100px;.原创 2021-10-07 16:41:27 · 612 阅读 · 0 评论 -
JS:初学 添加案例
思路:html 静态页面设置 两个input的输入及一个button 按钮,并对其命名:接下来就进行获取相对应的DOM元素,控制台检测,onclick产生事件,一个封装函数控制台可检测<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id原创 2021-09-23 21:11:25 · 130 阅读 · 0 评论 -
JS:输出数组最大值
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> // 输出最大的值 // arguments[i] 能拿到数组里面的每一项 function fn(){ va.原创 2021-09-23 20:58:10 · 1229 阅读 · 2 评论 -
JS:随机数抽奖
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <button type="button" id="btn" onclick="Random()">抽奖</button> <div class="wrap"> </di.原创 2021-09-15 21:46:20 · 445 阅读 · 0 评论 -
JS:综合考试题 (单选,随机数,DOM,添加,渲染等)
图下为效果图<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box{ width: 800px; min-height: 500px; margin: 0 auto; border: 2px solid blac.原创 2021-09-15 18:48:52 · 225 阅读 · 0 评论 -
js:一个点击按钮如何实现获取验证码?(DOM获取元素,随机数,for循环,等)
思路:在button 按钮里边创建一个 onclick点击事件的按钮,然后获取相对应的元素;接下来用一个封装函数,调用点击事件;利用<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <button type="button" id="add" onclick.原创 2021-09-15 14:05:11 · 695 阅读 · 0 评论 -
JS: 习题当中用到获取验证码
获取 验证码,一般就是四位数字,即用for循环即可!!!验证码就是随机数取证的方法原创 2021-09-14 14:23:50 · 88 阅读 · 0 评论 -
JS:全选和被选(思路解析 详细)
<1全选/全不选点击事件 思路: 给一个封装函数,使用this 的形参that,因为多选相当于一个数组,需要用一个for循环,循环到每个dom元素,用全选</全不选本身选中的状态控制<2 反选事件的思路: 一个封装函数的相反取值,也就是和全选和全不选的值是相反的 inps[i].checked=!inps.checked最后封装函数返回值即可,fn()<!DOCTYPE html><h...原创 2021-09-14 11:50:04 · 204 阅读 · 0 评论 -
JS:全选以及不选的方法
多选被选中时,需要checked属性为true<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div> <div class="box"> <lab.原创 2021-09-14 09:43:44 · 203 阅读 · 0 评论 -
JS:考试测试题(tab 头像切换 , 性别单选框,时间戳,添加,渲染等)
效果图:图下为代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box{ width: 800px; min-height: 500px; border: 1px solid red; margin: 0 auto; .原创 2021-09-13 20:35:11 · 169 阅读 · 0 评论 -
JS: 购物车 案例 考试必备
效果图图下为代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> table { width: 60%; text-align: center; border-.原创 2021-09-13 20:22:53 · 104 阅读 · 0 评论 -
JS: var 与let 之间的区别
var:声明变量,没有指定的作用域,取决于在哪声明 let:也是声明变量,是块级作用域<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> img { width: 100px; heig...原创 2021-09-13 20:14:46 · 133 阅读 · 0 评论 -
JS: this的指向
oninput :实时监听文本框的内容变化onchange:元素发生时的时候执行(只能在失去焦点后执行)//this 是元素的本身原创 2021-09-13 20:10:33 · 85 阅读 · 0 评论 -
JS:模态窗
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .btn { padding: 2px 4px; border: none; color: white; .原创 2021-09-13 20:07:35 · 186 阅读 · 0 评论 -
js:留言板案例(tab头像切换,留言框,计数器等)
图上是效果图;图下为代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .tops { width: 50%; height: 350px; margin:...原创 2021-09-10 11:59:12 · 561 阅读 · 0 评论 -
js :考试测试题
效果图如上;代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .box { width: 60%; height: 600px; margin: au...原创 2021-09-10 11:36:52 · 234 阅读 · 0 评论 -
JS: 前端 做题案例(获取验证码 ,添加,渲染,删除等)
思路; 1.获取元素、2.检查是否有存储3,利用for 循环,获取验证码4,利用分支语句,创建字面量,调用, 等5,利用for循环,检查男女性别6,调用删除按钮<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div class=.原创 2021-09-09 08:17:42 · 244 阅读 · 0 评论 -
JS: 利用for 循环 获取验证码
思路:1.利用for 循环,循环四个数的长度;2.str的字符串的拼接,math 的方法向下取整数,之后是math 的随机数random var str=''//创建str 的空字符用于接收 for(var i=0;i<4;i++){ str+=Math.floor(Math.random()*10) } console.log(str)...原创 2021-09-07 20:39:04 · 255 阅读 · 0 评论 -
js:案例 关于单选框 的 问题(部分)
思路:第一步:获取DOM元素,第二步:获取value值,进行for 循环第三步:将存储的标识 转换成页面渲染中文<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div> <div> <label.原创 2021-09-07 19:37:32 · 203 阅读 · 0 评论 -
JS :添加 渲染 删除 案例
思路:1.获取DOM 元素2.声明全局变量arr, 用于存储3.调用函数4,按钮产生事件5,字面量创建6.arr.push() 插入成功7.function 进行渲染8.创建一个 空字符,进行for循环;进行赋值,将拼接好的字符串,传入到table 中9,运用函数删除,及全部删除即可<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title&.原创 2021-09-06 18:57:44 · 558 阅读 · 0 评论 -
JS:综合应用题: 选字游戏 (运用倒计时,DOM 获取,if语句,for 循环等)
<!doctype html><html><head><meta charset="utf-8"><title>选字游戏</title><style type="text/css"> *{ margin: 0; padding: 0; } html,body{ height: 100%; } .fl{ float: left; } .fr{ float: right; } ..原创 2021-09-03 11:47:18 · 200 阅读 · 0 评论 -
JS:图片懒加载
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> img { display: block; width: 150px; height: 150px; .原创 2021-09-03 11:39:07 · 92 阅读 · 0 评论 -
JS:考试专用 基础知识 (数组,函数,DOm,BOM,存储等)花钱都买不来这莫全的总结
------我先告诉你我喜欢你,并不是一定要和你在一起,只是希望今后的你在遭遇人生低谷的时候,不要灰心,之前曾经有人被你的美丽吸引,以前是,以后也是----------村上春树原创 2021-09-02 15:12:13 · 164 阅读 · 1 评论 -
JS:添加和删除(案例)
操作思路:1.获取元素2,创建数组声明3.产生事件4.进行渲染<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .box>div { margin: 20px; } .原创 2021-09-02 14:34:58 · 459 阅读 · 0 评论 -
Js: 通过HTML5获取元素
思路要求:记忆 1. getElementbyclassName 根据类名获取元素2.quertyseletor 返回指定选择器的第一个元素对象 切记 里面的选择器需要加符号 .box #nav3.querySelectorAll 返回指定选择器所有元素的对象集合<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title&...原创 2021-09-02 14:29:02 · 237 阅读 · 0 评论 -
Js:获取当前系统时间
思路: 首先,1,获取button 按钮和div 元素; 2,用onclick 注册事件 3,构建函数<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-s...原创 2021-08-31 11:01:09 · 123 阅读 · 0 评论 -
JS: 用for 循环求数组的平均数
思路: 首先:你要先用for 循环求出数组的总和,然后用总和去除以数组的length 的长度;就是平均数;<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> var str=[..原创 2021-08-25 22:04:54 · 2867 阅读 · 0 评论 -
JS: 用for 循环求数组的最大值还有最小值
思路: 首先,你要先创建一个Max 最大值的变量,还有Min 最小值的变量;相等于数组之中其对应的位置;然后进行for 循环的遍历; 遍历完max和min分别 与数组i比较,比较完之后;与之相等;最后用控制台输出即可!!!!<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> &...原创 2021-08-25 21:45:38 · 5423 阅读 · 0 评论 -
JS: 求20以内的求阶
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> for(var j = 1,i=2;i<=20;i++){ j = j*i; // console.log(i).原创 2021-08-25 21:13:52 · 94 阅读 · 0 评论