JS练习

JS练习之JS/CSS点击下拉菜单

一、效果图先上效果图：点击按钮后二、代码篇HTML代码：可点击的下拉菜单点击按钮显示下拉菜单下拉菜单HomeAboutContent.dropbtn{background-color:#4CAF50;color:white;padding:16px;font-size:16px;border:none;cursor:pointer;}/*鼠标停留在按钮或点击按钮时的样式*/.dropbtn:hov
Flare丶·2019-10-23 18:54

JS练习之JS/CSS实现待办事项列表

原文链接：https://c.runoob.com/codedemo/3109JS练习之JS/CSS实现待办事项列表实现效果如下图：HTML代码段我的待办事项AddHitthegymPaybillsMeetGeorgeBuyeggsrepaircomputerReadabookCSS
Flare丶·2019-10-21 18:59

js实现文字搬运工

图片预览代码:js练习5*{margin:0;padding:0;}#left,#right{width:300px;height:300px;font-size:20px;float:left;border
人生莫如饥荒·2019-08-23 21:00

Web前端——JavaScript练习

Js练习显示和隐藏，改变display属性(点击查看图片)关键代码：e.style.display="block";e.style.display="none";源码：显示和隐藏functionshowPicture
Stars-one·2019-06-29 09:00

Web前端——JavaScript练习

Js练习显示和隐藏，改变display属性(点击查看图片)关键代码：e.style.display="block";e.style.display="none";源码：显示和隐藏functionshowPicture
Stars-one·2019-06-29 09:00

js练习题答案

1、A这是一个闭包,它的最大用处有两个，一个是前面提到的可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。这里的局部变量i，对f1()来说是全局变量，对f2()来说也是全局变量，但是f1()的i跟f2()的i又是相互独立相互不可见的，f1()每执行一次，f1()的i就加一，f2（）每次执行一次，f2()的i就加油，但是相互之间不影响，因此结果是0102、C这道题考察是局部变量和参数
_尊哥·2019-04-17 13:01

js练习题网站收集

codewars国外的一个练习网站，有JavaScript，也有Python，每种语言都有自己的道场（kata），每个用户都有不同的等级，刷题提高等级，也可以插卡别人优秀的解决方案。你会发现牛人无处不在。javascript-puzzlers44道题，看完你会怀疑你是否真的学过JavaScript另附作者的解题链接http://flyfy1.github.io/language/2014/02/2
qq_37361815·2019-01-23 10:54

JS练习：数组类（牛客）

1要求输入一个数组和一个元素，如果元素在数组中，则返回数组中的位置，否则返回-1。代码1：浏览器支持indexOf()方法functionindexOf(arrr,item){returnarr.indexOf(item);}:indexOf()方法可以返回某个指定的字符串值在字符串中首次出现的位置，如果不存在直接返回-1。代码2：考虑浏览器是否支持indexOf()方法（较全面）function
pp_5793·2018-10-16 19:13

07-23 js练习

1.1.找出元素item在给定数组arr中的位置，如果数组中存在item，则返回元素在数组中的位置，否则返回-1例如：[1,2,3,4],3--->2varinput=document.getElementById('a');letarr=[1,2,4,5,9];letitem=4;functionmyfuntion(arr,item){for(leti=0;i2.计算给定数组arr中所有元素的总
小本YuDL·2018-07-23 20:51

JS练习

点击按钮显示时间日期...这是一个段落显示日期functiondisplayDate(){document.getElementById("demo").innerHTML=Date();}...
嗨黄先生·2018-04-16 20:23

JS练习

点击按钮显示时间日期...这是一个段落显示日期functiondisplayDate(){document.getElementById("demo").innerHTML=Date();}...
嗨黄先生·2018-04-16 20:23

js练习题

1.创建table表格，要求：点击某一行，则该行变色(选中)。创建Table表格functioncheck(obj){varlen=document.getElementsByTagName("tr").length;for(vari=0;i学号姓名成绩01张三98.502李四80.603王五89.52.用下拉列表框实现省市级联效果。提示：使用数组下拉列表省市级联varcity=[["西安","安
qushen1212·2018-03-08 21:03

HTML+CSS+JS知识点汇总

HTML(1)--毕向东老师对Html的简介CSS--毕老师对CSS的简介Javascript--毕老师对JS的简介html&css等等练习表（W3Cscholl）练习表--JS开发小游戏项目:老虎机游戏js
John_boom·2017-10-14 19:01

递归调用里的性能问题(js)

说明这是在codewars.com上刷的一道js练习题，在此做个记录问题描述TheFibonaccisequenceistraditionallyusedtoexplaintreerecursion.斐波那契序列通常是用来解释递归调用
buyaoxx·2017-08-31 17:34

js练习（4）

1、（判断完数：所有因子（不包含自身）之和等于自身，如完数28=1+2+4+7+14）附赠参考代码：完数/**请求用户输入一个数(a)：是否是完数。*判断，设判断因子为b，利用for循环依次进行试练如下;*for(b=1;b2、求数列（1/2，2/3,3/5,5/8,8/13……）前30项的和。附赠参考代码：计算前三十项的和/**c=执行次数*a=前一项的分子*n=前一项的分母*num*首先先找出
社会你杰哥·2017-08-22 08:16

不要使用JavaScript内置的parseInt()函数，利用map和reduce操作实现一个string2int()函数：

#js练习第一天不要使用JavaScript内置的parseInt()函数，利用map和reduce操作实现一个string2int()函数：练习：把一个字符串"13579"转换成13579，并且不使用
李甫·2017-08-15 15:42

Js的数组方法对比:splice(),concat()和slice()

最近在做JS练习，其中有一道题是这样的：在数组arr末尾添加元素item.不要直接修改数组，最后返回新的数组functionappend(arr,item)最开始我直接想用splice在数组的最后一位添加
Cancer_L·2017-08-02 15:17

ssm+bootstrap+angularjs练习

packagecom.frank.util;importjava.util.HashMap;importjava.util.Map;publicclassMsg{privateintcode;//状态码：100表示成功，200表示失败privateStringresult;//操作成功、操作失败privateMapdata=newHashMap();//返回成功结果的方法publicstaticM
Frank_cxx·2017-07-23 20:18

js练习表回顾

JavaScript使用循环语句查找通讯录我们有一个对象数组，里面存储着通讯录。函数lookUp有两个预定义参数：firstName值和prop属性。函数将会检查通讯录是否存在一个联系人的firstName属性等于firstName值，还会检查对应联系人是否存在prop属性。如果它们都存在，函数返回prop属性对应的值。如果firstName值不存在，返回`”Nosuchcontact”“。如果p
John_boom·2017-07-18 20:02

许愿树——JS练习

一个简单的许愿树制作，记录一下许愿树*{margin:0;padding:0;}body{background-image:url(images/bg.jpg);font-weight:bold;}.box{width:400px;height:500px;}.pink,.blue,.purple{width:235px;height:auto;}.top{width:235px;height:6
Knight__D·2016-09-21 10:07

[ Nodejs学习(1) ] - 通过grunt+nodemon+livereload实现自动化

今天在做nodejs练习的时候，因为是用的笔记本，刷新需要用FN+F5键才行，这特么太闹心了，于是想是不是可以自动刷新页面呢？
quanta·2016-05-04 00:00

js练习排序算法（一）

复习了一下数据结构的排序算法，一年之前学的东西，现在拿来练习时，感慨挺多的。写在前面的话可能马上就要面试了，我还是有点慌的，今天看了数据结构的排序，并尝试着用js来写了一下，虽然没有什么实际的意义，但还是有点个人的理解和感悟和大家分享：有人说编程的世界就是数据结构和算法，我觉得并不是。更确切的说，数据结构和算法是思想和灵魂，语言就是表达和实现思想的工具。可能你熟悉了一种语言，你就会用这门语言固定的
Dove88888888·2016-04-26 21:10

js练习排序算法（一）

复习了一下数据结构的排序算法，一年之前学的东西，现在拿来练习时，感慨挺多的。写在前面的话可能马上就要面试了，我还是有点慌的，今天看了数据结构的排序，并尝试着用js来写了一下，虽然没有什么实际的意义，但还是有点个人的理解和感悟和大家分享：有人说编程的世界就是数据结构和算法，我觉得并不是。更确切的说，数据结构和算法是思想和灵魂，语言就是表达和实现思想的工具。可能你熟悉了一种语言，你就会用这门语言固定的
Dove88888888·2016-04-26 21:10

js练习题：网页换肤

实现网页换肤当点击颜色小图标时实现换肤，即对导航条nav以及body的背景颜色进行更换小图标的设置为（以红色为例）边框border：1pxredsolid；背景色background：red；当图标被点击时背景色变为白色background：white；其他的小图标类似所以将background：white；设置为类current的属性值当图标被点击时将此类名赋予该图标，点击另一图标时，类名赋予另
墨霁青玉·2016-04-11 19:23

js 匿名函数和闭包函数（js练习）

一、闭包的定义：闭包说白了就是函数的嵌套，内层的函数可以使用外层函数的所有变量，即使外层函数已经执行完毕（这点涉及JavaScript作用域链）。二、闭包的练习代码1、首先（保证页面引入了jQuery）创建window.document.body.innerHTML="开始练习document对象"2、js创建ul和li标签，并且添加ul标签在body里面varUL1=jQuery(",{name
dongfanglanyi·2016-03-27 19:59

JS练习--嵌套列表（for循环）

CSS:*{padding:0;margin:0;} ul,li{list-style:none;} .cont{ width:600px; margin:30pxauto; } .conth3{ border-bottom:2pxsolid#bbb; width:100%; height:38px; } #ul1{ position:relative; width:10
洛水三千·2016-03-15 20:00

JS练习--自动生成100个li

点击按钮，自动生成100个li，红、黄、蓝、绿四种颜色的顺序显示出现在页面中CSS:*{padding:0;margin:0;} ul,li{list-style:none;} #ul1{position:relative;} #ul1li{ width:48px; height:48px; border:1pxsolid#ccc; float:left; margin-right
洛水三千·2016-03-15 20:00

每日js练习

第一次玩codewars，选了个最简单的题目要求是：YouhavetowriteafunctionthatdescribeLeo:ifoscarwas(integer)88,youhavetoreturn"Leofinallywontheoscar!Leoishappy".ifoscarwas86,youhavetoreturn"NotevenforWolfofwallstreet?!"ifitw
五木十架·2016-03-13 22:00

复习---JS-Array 对象

要开始做第一个js练习了。前面三个小题都是数组的。先来复习一下数组。如下是W3C上面的关于数组的内容。
LAL-alice·2016-01-30 23:00

【我的js练习】游戏篇 - --- 贪吃蛇

一、主要思路  1、游戏地图创建：使用table生成地图，地图大小可调；2、蛇和食物的随机生成：蛇使用对象数组来维护蛇的身体，食物采用随机生成的{"x":x,"y":y}。3、蛇行动和控制相关：keydown事件添加；  4、失败条件判断：撞墙失败和咬自己失败；二、重点  1、地图、蛇、食物的一格对应的是{"x":x,"y":y}的对象。这样子就可以通过坐标的加减判断蛇的移动；  2、蛇、食物的移
小七的博客·2016-01-13 16:00

查找数组元素位置

一个js练习题题目描述找出元素item在给定数组arr中的位置  输出描述:如果数组中存在item，则返回元素在数组中的位置，否则返回-1输入例子:indexOf([1,2,3,4],3)输出例子:2代码如下
向右走、牵你手·2016-01-05 18:00

查找数组元素位置

一个js练习题题目描述找出元素item在给定数组arr中的位置  输出描述:如果数组中存在item，则返回元素在数组中的位置，否则返回-1输入例子:indexOf([1,2,3,4],3)输出例子:2代码如下
向右走、牵你手·2016-01-05 18:00

查找数组元素位置

一个js练习题题目描述找出元素item在给定数组arr中的位置  输出描述:如果数组中存在item，则返回元素在数组中的位置，否则返回-1输入例子:indexOf([1,2,3,4],3)输出例子:2代码如下
向右走、牵你手·2016-01-05 18:00

javascript第一课练习

;>  <head>   <meta charset="UTF-8">   <title>JS
·2015-11-12 21:39

HTML5(lufylegend.js练习)

1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transi
·2015-11-12 19:43

Extjs练习——服务器端获取信息填充客户端表单,注意Radio以及Checkbox值的传递

     该练习示例源于某朋友的系列文章Extjs学习笔记之二——初识Extjs之Form(建议先阅读一下此文，讲解很详细)，练习时稍有修改。 本文记录了练习时已解决和暂未解决的问题，希望有兴趣的朋友也可以帮忙看看～ 运行环境：vs2008 准备工作：1、新建一个asp.net站点ExtJS，添加ext-3.1.0文件夹(点击可进入ext-3.1.0
·2015-11-08 11:05

js练习【DOM操作】

完成效果： 演示地址：http://codepen.io/anon/pen/jPbYWq     HTML： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title
·2015-11-01 09:10

js练习(取得url地址参数)

　　　　　var url="www.aaf.com/af.php?id=50&a=100"; alert(url); if(url.indexOf("?")!=-1){ var p=url.indexOf("?"); //返回所在位置 var str = url.substr(p+1) /
·2015-10-21 11:18

js练习8(幻灯片切换效果)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title&g
·2015-10-21 11:17

js练习7(横向下拉菜单)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title&g
·2015-10-21 11:17

js练习5(中文显示星期几)

<html> <head> <title>显示中文的星期几</title> </head> <body> <div id="showDay"></div> <script>
·2015-10-21 11:16

js练习6(随机改变背景颜色)

<html> <head> <title>随机改变背景颜色(自动变化)</title> <style> #bg{ width:200px; height:200px; }
·2015-10-21 11:16

js练习4(实时问候)

<html> <head> <title>实时问候</title> </head> <body> <div id="showTime"></div> <div id="
·2015-10-21 11:16

js练习4(注册验证)

<html> <head> <title>注册信息验证</title> <style> *{font-size:12px;} .email{ background:url("reg2.gif&quo
·2015-10-21 11:15

js练习2(24小时倒计时)

<html> <head> <title>24小时倒计时(时分秒)，带暂停效果</title> </head> <body onload="init();"> <div id="showDiv"></di
·2015-10-21 11:14

js练习1(十秒钟阅读效果)

<html> <head> <title>10秒钟阅读协议效果</title> </head> <body> <input type="button" name="btn" value="" i
·2015-10-21 11:14

EXTJS练习

Ext.onReady(function() { Ext.QuickTips.init(); //Ext.MessageBox.alert("hello", "HelloWorld"); //hello表示弹出框的标题。。HelloWorld表示弹出框的内容 var form = new Ext.form.FormPanel
yuanzher·2015-05-22 18:00

JS练习

1.将函数用作方法 html5WebStorage的localStorage完成的网站计数器功能 varmyData={ name:"cheng", weather:"sunny", printMessages:function(){ document.writeln("hello"+this.name+"."); document.writeln("todayis"+this.we
daocaorencrl·2014-10-22 08:00

带层次感的图片轮播

 原文摘自我的前端博客，欢迎大家来访问http://hacke2.github.io/起因豪哥的JS练习又一波来袭~今天又写了个百度爱玩的东西，暂且叫他带层次感的图片轮播吧图片可以很有层次感的切换思路主要思路有二图片大小
hacke2·2014-09-11 15:00

JavaScript--基于对象的脚本语言学习笔记(三)

事件处理器1、一个数据校验表单的例程 js练习 String.prototype.trim=function(){ returnthis.replace(/^\s*/,"").replace(/\
zpcandzhj·2014-07-14 22:00
上一页 1 2 3 4 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他