JS练习

JavaScript初级入门练习

JavaScript为简称js,是现如今十分流行的脚本语言,可插入HTML页面编程代码,对页面改进设计,实现动态操作,此处进行两个简单的js练习,熟悉js操作.一.全选操作在我们日常上网中,经常会接触到全选操作
飞灰非辉·2024-02-20 03:16

js练习-自动播放一幻灯片效果

一直觉得js学的不扎实，网上找了项目练手，项目地址在这里。分析幻灯片是通过设置class="current"来更换图片和改变图片序号按钮样式的；通过设置setInterval实现自动滚动；对图片序号按钮添加「鼠标悬停事件」。鼠标悬停，幻灯片切换到相应页面；鼠标停留在幻灯片上时，幻灯片不滚动。实现实现幻灯片自动滚动。letlist=document.querySelector(".list");le
_cherry·2024-01-27 21:41

JS练习题1

1.作用域问题+变量提升函数内部有varn，外部无法访问函数私有变量n。varn1=55;varn2=56;//经过func()后被修改为300functionfunc(n,n1){//变量提升，相当于//varn=55;//varn1=56;n=300;n1=300;n2=300;//内部没有定义n2,会访问全局}func(n1,n2);console.log(n1);//输出55console
tkmiz·2024-01-23 02:07

js练习小游戏---旋转的地球！！！（ position+位移使用！！！）

注意：初学者不建议直接复制希望在理解了以后再写一遍地球仪div{width:140px;height:140px;overflow:hidden;margin:auto;position:relative;border-radius:50%;}img{animation:dq10slinearinfinite;position:absolute;left:-200px;}@keyframesdq{
白白♛～·2024-01-21 11:53

CSS3——动画

2.什么是关键帧关键帧指的是，在构成一段动画的若干帧中，起到决定性作用的2-3帧from和百分比可以混着用，但是一般不建议动画的简单定义方式js练习/*定义一个动画（定义一组关键帧）*//*开始帧,一般情况下不
Komorebi_9999·2023-12-27 21:08

CSS3——多列布局

文字的多列布局js练习.outer{width:1000px;margin:0auto;/*直接指定列数*//*下面布局的属性要给容器加*/column-count:4;/*指定每一列的宽度，会自动计算列数
Komorebi_9999·2023-12-27 21:08

HTML，CSS，JS练习题

1.与其他IEEE754表示浮点数的编程语言一样，JavaScript的number存在精度问题，比如0.2+0.4的结果是0.6000000000000001。以下选项中，能得到0.6的是？A.parseFloat(0.2+0.4)B.parseFloat((0.2+0.4).toFixed(1))C.Math.round(0.2+0.4)D.parseFloat((0.2+0.6).toPre
小铮冲冲冲·2023-12-24 16:22

H5C3和js练习题

H5C3H5C3和Html，css相比有什么变化H5新特性：拖拽释放(Drapanddrop)APIondrop拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在HTML5中，拖放是标准的一部分，任何元素都能够拖放。自定义属性data-id语义化更好的内容标签(header,nav,footer,aside,article,section)音频,视频(audio,video)如果浏览器不支持自
小小小萌新12138·2023-11-02 10:28

js练习题：构建函数创建一个电脑对象

js练习题：构建函数创建一个电脑对象该对象有颜色，重量，品牌，型号，可以看电影，听音乐，打游戏和敲代码。
诗意孤舟·2023-09-17 00:14

js练习题:对象字面量的形式创建一个名字为可可的狗对象

js练习题:对象字面量的形式创建一个名字为可可的狗对象名称：可可类型：阿拉斯加犬年龄：5岁颜色：棕红色技能：汪汪汪（Call），演电影（ShowFilm）Document//对象字面量的形式创建一个名字为可可的狗对象
诗意孤舟·2023-09-17 00:13

JS练习题

目录1.九九乘法表varstr="";for(vari=1;i----------------------------------------2.计算两数运算结果functionjisuan(){varresult;varnum1=prompt("请输入第一个数");varnum2=prompt("请输入第二个数");varoperator=prompt("请输入运算符");switch(oper
愚人钊呀·2023-08-12 11:34

网页布局元素填充思路 ———— 先布局，再局部

【引言】今天来分享一下在JS练习项目中学习到的网页布局思路，适合刚接触JS的小白在做练习项目，不知所措的时候看喔~简单来说就是————先布局，再局部。
'刘小\b琦'·2023-08-02 10:04

力扣题目——143. 重排链表

注：本文的代码实现使用的是JS（JavaScript），为前端中想使用JS练习算法和数据结构的小伙伴提供解题思路。
云梦摘星大菜豆·2023-07-30 10:46

js练习题（14个）

functionfoo(val){if(val>5){console.log('aaa');}elseif(val>10){console.log('bbb');}elseif(val>15){console.log('bbb');}}foo(6);foo(11);foo(16);//其实这里的if...elseif相当于python//中的if...elif,程序会依次评估寻找第一个结果为tru
json{shen:"jing"}·2023-07-19 00:54

JS练习（数组、函数）

代码代码~数组document.write('1、vararr1=[10,4,20,15,6,9]使用函数来实现求出此数组中最大的数与最小的数及最大的数与最小的数的位置')vararr=[10,4,20,15,6,9],a,i=0,l=arr.length-1,j=-1;a=arr[i]while(i')i=0,a=arr[i],l=arr.length-1while(iarr[++i]){a=a
ackhrst27078·2023-04-18 10:23

JS练习 拖拽

拖拽练习#moveBox{width:100px;height:100px;background-color:#bfa;position:absolute;}#box1{width:100px;height:100px;background-color:red;position:absolute;top:100px;}varmoveBox=document.getElementById("move
格格不入ち·2023-03-20 01:10

JS练习 div块根据滚轮变化

目标：创建一个div块，在div块上操作滚轮，滚轮向下滚动时div块变高（高度增加）；滚轮向上滚动时div块高度减小。代码：滚轮事件练习box6//滚轮事件//滚轮向下，框边长，滚轮向下，框变短varbox6=document.getElementById("box6");//IE中必须使用addEventListener()方法IE9//box6.addEventListener("wheel"
格格不入ち·2023-03-20 01:10

【js练习】自动手动获取焦点、失去焦点事件

手动、自动获取和失去焦点事件#search{color:dimgray;}//手动获取焦点：focus。自动获取焦点：onfocus。window.onload=function(){varoSearch=document.getElementById("search");oSearch.onfocus=function(){if(this.value=="百度一下"){this.value=";
果冻胶·2023-01-17 09:09

【js练习】鼠标按下和松开事件

鼠标按下和松开事件window.onload=function(){varoDiv=document.getElementById("title");varoBtn=document.getElementById("btn");oBtn.onmousedown=function(){oDiv.style.color="#f3715c";oBtn.style.backgroundColor="#f3
果冻胶·2023-01-17 09:08

【js练习】鼠标移入和移出事件

鼠标移入和移出事件/*这是css鼠标经过变色，如果不写script它会让文字消隐。*/div{font-size:100px;color:black;text-align:center;line-height:60px;transition:all1s;}div:hover{color:rgba(0,0,0,0);text-shadow:#a9f5960px0px100px;}//这是鼠标进入和出
果冻胶·2023-01-17 09:38

JS练习---纯JS创建table表格(详解)

练习：用纯JavaScript语言创建一个五行三列的table表格。目标效果展示：代码详解：date=["r1c1","r1c2","r1c3",4,5,6,7,8,9,10,11,12,13,14,15];//先获取容器box，在box进行表格的添加varbox=document.getElementById("box")//先定义一个大容器table，用来存放下面的tr和tdvartable=
Philo`·2022-11-06 07:04

一个 Vue.js 在线挑战平台

这个开源项目里面提供了多道Vue.js练习题，帮你一步步掌握Vue.js的使用。该项目意在帮助你更好地了解Vue.js，编写出实用程序，或单纯享受挑战乐趣。
非著名程序员·2022-07-22 11:15

js刷题练习---牛客网

引言前段时间想找一些网站提高一下js水平，无意间进入到牛客网，牛客网中有前端的html、css、js练习题，有基础的，有拔高的，今天我正式去练习一下，觉得牛客网有多个优点：代码便于调试，运行着也非常方便页面相对来说非常简洁
前端小白在前进·2022-07-19 11:48

VUE前端框架

目录vue概述MVVM框架入门案例创建HTML文件,并引入vue.js练习Vue的基础语法–1,运算符&函数–2,解析类型丰富的data–3,data的三种写法二,Vue的指令–1,概述–2,v-model
挪威@森林·2022-07-09 20:27

自制登陆页面（前端HTML,CSS,JS练习）

自制静态登陆页面,在同一页面中，实现点击注册按钮，变换到注册的盒子，并且实现两次输入密码不一致的提示操作，登陆密码错误提示，并且3次失败后拒绝登陆源代码获取：https://github.com/akh5/web/tree/master/login实现效果：登陆，注册按钮有一个延时填充颜色的效果点击注册后会切换盒子到注册密码不一致时提示密码错误提示三次失败后，移除登陆按钮，禁止登陆登陆界面————
代号[K]·2022-06-13 10:58

js练习：仿京东放大镜案例

1.实现效果：移动遮挡框，右边的图片响应的放大并移动。2.实现思路：（1）鼠标移动到图片上，遮罩层和右边盒子显示。鼠标移出，遮罩层和右边盒子消失。（2）黄色遮罩层跟随鼠标移动（3）右边图片跟随左边图片移动注意：右边图片的移动方向与左边遮罩层的移动方向相反，因此，右边图片移动距离是负的。右边大盒子：多余的图片不显示，用overflow:hidden.来隐藏3.代码展示仿京东放大镜案例body{pad
阿旋要毕业~·2022-05-13 08:27

JS练习-淘宝商品广告效果

淘宝商品广告效果window.onload=function(){varoLi=document.getElementsByTagName('li');varimg=document.getElementsByTagName('img')[0];varpics=['8-img/1.png','8-img/2.png','8-img/3.png','8-img/4.png','8-img/5.png
孙竞博·2022-02-20 20:41

JS练习-文字搬运工

Titlehtml,body{margin:0;padding:0;background:#C0C0C0;}#wrapper{margin:50pxauto;width:800px;background:#fff;overflow:hidden;padding:20px;border-radius:10px;}textarea{background:#EFEFD6;border:none;widt
孙竞博·2022-02-12 08:34

cgb2108-day11

文章目录一,JS练习--1,测试二,DOM--1,概述--2,测试三,JSON--1,概述--2,测试创建js文件,存放js代码创建html网页文件,引入js代码四,Vue--1,概述--2,入门案例-
cgblpx·2021-10-14 08:21

JS练习3：基础知识总结（牛客）

1三个等号的应用：vara,b;if(a===b){return1;}else{return0;}三个等号在这里表示不仅数值相等，其数据类型也相等。2返回Undefined的典型场景(1)对象没有定义vari;i//Undefined(2)函数没有传入参数,该参数相当于Undefined：function(x){returnx;}f()//Undefined(3)函数没有返回值时。默认返回Unde
pp_5793·2021-06-21 11:14

【JS练习】百度输入法

参考：http://www.fgm.cc/learn/lesson2/01.htmlimage.png代码：window.onload=function(){varbut=document.getElementsByTagName("button")[0];varli=document.getElementsByTagName("li");varime=document.getElementByI
奔跑的程序媛A·2021-06-19 16:23

js练习

js编写位置：编写位置我们目前学习的JS全都是客户端的JS，也就是说全都是需要在浏览器中运行的，所以我们我们的JS代码全都需要在网页中编写。我们的JS代码需要编写到标签中。我们一般将script标签写到head中。（和style标签有点像）属性：type：默认值text/javascript可以不写，不写也是这个值。src：当需要引入一个外部的js文件时，使用该属性指向文件的地址。js基本语法注释
青_a2c4·2021-04-19 15:30

js练习题

一，单选题：有以下ES6代码function*gen(){yield1;yield2;yield3;}下面选项描述正确的是：A：gen()执行后返回2B：gen()执行后返回一个undefinedC：gen()执行后返回一个Generator对象D：gen()执行后返回1解答：C、这是ES6的新feature（特性），function后面带*号的叫做generator函数，函数运行时返回一个迭代器
Michael_Hzs·2021-01-25 11:30

js练习题

js练习题获取1-100之间的所有偶数for(vari=1;i计算1-100的积varnum=1;for(varn=1;n大马驮2石粮食，中马驮1石粮食，两头小马驮一石粮食，要用100匹马，驮100石粮食
賀崽·2020-12-28 19:10

day23-JavaScript 数组练习（封装、去重）

提取出来，然后封装到一个新的数组中并返回效果实现代码示例去除数组中重复的数字效果实现代码示例创建一个函数，可以perArr中的满18岁的person提取出来，然后封装到一个新的数组中并返回效果实现代码示例js
蔡大爷的小甜心·2020-11-25 12:09

js练习题

js练习题一.选择题写“HelloWorld”的正确javascript语法是().AA.document.write(“HelloWorld”)B.
ZZZ --- jh·2020-11-05 19:41

JS练习题

题一：给你一个整数数组arr，请你帮忙统计数组中每个数的出现次数。如果每个数的出现次数都是独一无二的，就返回true；否则返回false示列1：输入：arr=[1,2,2,1,1,3]；输出：true解释：在该数组中，1出现了3次，2出现了2次，3只出现了1次。没有两个数的出现次数相同。示列2：输入：arr=[1,2]；输出：falseletsubArr=[1,2,2,1,1,3,10,10,10
FE晓伟哥·2020-11-04 11:18

JS练习项目1——Javascript实现简易贪吃蛇（附源码）

文章目录贪吃蛇项目1.项目预览2.起步(涉及知识点)3.源码贪吃蛇项目1.项目预览功能实现：可以通过键盘的上下左右控制蛇的移动游戏刚开始随机生成食物，蛇默认往右走在没吃到食物前，食物静止不动；吃到食物后，食物随机生成蛇每吃到一个食物身体（蛇节）增加一节当蛇头碰到地图（方格）的边界时，游戏结束（蛇无法再控制，静止不动）2.起步(涉及知识点)canvas：相当于画布；行内元素，让方格在网页水平居中对齐
UndeFIned丶·2020-09-15 15:49

JS练习-拖拽Drag and Drop

最近看书，练习下，写了个简单的拖拽简单拖拽html,body{overflow:hidden;}body,div,h2,p{margin:0;padding:0;}body{color:#fff;background:#000;font:12px/2Arial;}p{padding:010px;margin-top:10px;}span{color:#ff0;padding-left:5px;}#
iteye_1132·2020-09-12 10:39

js 调用 DOM js练习入门

/*relative测试*/.sub_1{background-color:#000000;width:100px;height:100px;}.sub_2{background-color:#FF9999;width:100px;height:100px;}#sub1{float:left;position:relative;padding:5px;top:15px;left:15px;}#su
amnotsuperior·2020-09-12 10:56

JS练习代码库（不定期更新）

目录0.常用代码1.点击屏幕更换背景颜色【开关灯】2.列表隔行变色3.输出九九乘法表4.任意数求和5.数组去重（四种方法）6.JS图片库【DOM编程艺术】7.JS图片库改进版【DOM编程艺术】8.1-100不能被3整除的数相加【递归】9.1-10能被2整除的数相乘【递归】10.给列表中标题下方第一行的内容加粗【DOM】11.数组的冒泡排序12.数组的快速排序13.数组的插入排序14.编写位置改变动
ruirui_1996·2020-09-12 10:31

JS练习：信用卡分期真实利率计算器

算法第一个月，还款前我手中持有现金10000元，本月我应付的利息是10000×0.66%=66元。第二个月，因为我还了833.33元本金，还款前我手中持有现金10000-833.33=9166.67元，本月我应付的利息是9166.67×0.66%=60.5元第三个月，我又还了833.33元本金，还款前我手中持有现金9166.67-833.33=8333.34元，本月我应付的利息是8333.34×0
the_tom·2020-08-24 02:40

window location href无反应，不跳转的情况的解决

在进行js练习的时候，遇到了一个问题，在操作页面跳转的时候，使用window.location.href无法进行跳转，经过一系列的排查，和分析，最终解决这个问题。
Cheang_Bokgaai·2020-08-23 20:53

JS练习题①：求字符串中出现次数最多的字母和出现次数

练习题的题目是，【给你一个字符串，寻找该字符串中出现次数最多的字母和出现次数。比如："aadfdfdfxcvbvbeeeessscv"】分享两个独特思路的JS代码funOne：利用split方法，求出每个字母出现次数，比较次数求得最大值functionfunOne(){varstring="abaasdffggghhjjkkgfddsssss";varcountArr=newArray();var
ld__________·2020-08-23 01:52

js输入五个数判断平均分，总分，由高到低排列。。。

12345js练习js是脚本语言直接运行在浏览器上的。
weixin_34362875·2020-08-22 04:24

js练习（五）在数组 arr 末尾添加元素push()、删除末尾元素pop()、从开头添加unshift()、从开头删除shift()

题目描述:在数组arr末尾添加元素item。不要直接修改数组arr，结果返回新的数组push()从数组的末尾插入一个元素//1.在数组arr末尾添加元素item。不要直接修改数组arr，结果返回新的数组functionappend(arr,item){varnewArr=JSON.parse(JSON.stringify(arr));newArr.push(item);returnnewArr;}
柠檬不萌只是酸i·2020-08-21 23:25

2020-8-18js练习

2020-8-18js练习复选框操作DOM操作js函数面试题复选框操作Documentform{padding-top:200px;padding-left:300px;}你爱好的运动是？
antRain·2020-08-21 05:12

利用JS 制作一个简单的计算总分和平均分的页面

利用JS制作一个简单的计算总分和平均分的页面效果显示输入三门课程分数，点击总成绩，平均分按钮得出相应结果代码JS练习一科目成绩语文数学英语functionscore(){varnum=document.form.yw.value
qq_43193632·2020-08-20 21:03

【原生js练习笔记】控制div属性

原生js练习，前辈的js原生练习，开始跟着做，收货很多。题目：控制div属性控制div属性解题思路：每个按钮进行事件监听。
姚冰coding·2020-08-20 04:38

js练习 左侧菜单栏

点击主菜单选项展开相应的子菜单，再次点击主菜单选项则相应的子菜单收回左侧菜单栏*{margin:0auto;padding:0;}#wai{width:200px;height:600px;margin-top:50px;}.bt{width:200px;height:30px;background-color:#06F;border:1pxsolidblue;border-top:none;te
weixin_33973600·2020-08-18 22:00
上一页 1 2 3 4 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他