【JavaScript练习笔记整理·4 - 6.26】教程文章相关的互联网学习教程文章

JavaScript练习笔记整理·4 - 6.26【代码】【图】

基础练习(1):我的解答为:function getMiddle(s) {if(s.length%2 == 0) {return s.charAt(s.length/2-1)+s.charAt(s.length/2);} else {return s.charAt(s.length/2);} }较优解答为:function getMiddle(s) {return s.substr(Math.ceil(s.length / 2 - 1), s.length % 2 === 0 ? 2 : 1); } 分析:我的做法是先判断字符串的长度,根据长度来选择需要返回的字符。而较优解中使用了substr()方法、Math.ceil()方法以及一个三元运...

JavaScript练习笔记整理·2 - 6.24【代码】【图】

Codewars地址:https://www.codewars.com/欢迎和大家一起来讨论~ 基础练习(1): 我的解答为:function isIsogram(str){if(str == "") returntrue;return str.toLowerCase().split("").sort().every(function(item,index,array) {return item != array[index+1];});; } 较优解一: function isIsogram(str){return !/(\w).*\1/i.test(str) }较优解二:function isIsogram(str){var i, j;str = str.toLowerCase();for(i = 0; i < ...

JavaScript DOM事件对象的两个小练习 | 学习内容分享【代码】

Event 对象Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用,函数不会在事件发生前被执行!本文用于记录个人学习过程中的两个小练习,其中包括事件对象的一些用法和问题的解决以及兼容性问题获取鼠标指针坐标div跟随鼠标移动练习1 获取鼠标指针坐标两个div,当鼠标在上面的div#areaDiv移动时,在下面的div#showMsg中显示鼠标指针坐标<!DOCTYPE html> <h...

javascript:第二章自动生成100个li!练习!【代码】

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled Document</title><style>#div1{width:800px;height:1000px;position:relative;margin: 0 auto;}#btn{margin:20px 45px;}#div1 div{width:60px;height:60px;background:#ffc;display:inline-block;position:absolute;border:1px s...

关于JavaScript算法的几个小练习--DonyZ

各位小伙伴们,以下的内容来自于我在freecodecamp上做的练习,这是一个很好的学习平台,在此分享给大家,下面的题目答案在文章的最后(答案都是我自己写的,虽然都写出来了,可并不一定是最好的写法,所以希望能和大家一起交流,嘿嘿),并且会持续更新关于JavaScript算法的文章,希望小伙伴们能多多交流,互相学习1.翻转字符串先把字符串转化成数组,再借助数组的reverse方法翻转数组顺序,最后把数组转化成字符串。你的结果必须得是...

JavaScript-12(传参练习)【代码】

注意:用onclick="函数名()”传参时,如果函数名外面用双引号包裹时,则里面传字符串用单引号包裹;若外面用单引号包裹时,里面用双引号包裹;否则会报错。<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style type="text/css">*{margin: 0 auto;padding: 0;}.kuang{width: 900px;height: 100px;border: 1px solid gray;box-shadow: 0px 5px 25px gray;transition: 2s;margin-top: 15px;}.xiaokuang{width:...

javascript的一些基础练习题【代码】

一、翻转字符串  先把字符串转化成数组,再借助数组的reverse方法翻转数组顺序,最后把数组转化成字符串。1function reverseString(str) { 2var array = []; 3 array = str.split("").reverse().join("") ; 4return array; 5} 67 reverseString("hello");二、计算一个整数的阶乘  如果用字母n来代表一个整数,阶乘代表着所有小于或等于n的整数的乘积。function factorialize(num) {if (num<=1){return 1;}else{return num*f...

php练习-javascript,JQuey制作页面切换【代码】

php练习-javascript,JQuey制作页面切换一.重点:css样式,js的dom取值,js的事件 JQuey引入地址<script type="text/javascript" src="<a href="https://cdn.bootcss.com/jquery/2.2.4/jquery.js"></script&gt" rel="nofollow">https://cdn.bootcss.com/jquery/2.2.4/jquery.js"></script>二.js原生代码<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title>实践题 - 选项卡</title><style type="text/css">/ CSS样...

0511JS基础练习

1、蓝球弹起的高度 100 米 第几次高度小于1米,每次弹起是上一次的0.6var gaoDu = 100;var ciShu = 0;while(gaoDu >= 1){ gaoDu *= 0.6; ciShu++}alert(ciShu);2、标准体重: 男士体重-身高+100=±3 女士体重-身高+110=±3var jg = tz-sg+100用户输入身高,再输入体重 判断是不是标准体重while(xingbie != "男" && xingbie !="女"){ xingbie = prompt("请输入正确的性别");}var height = prompt("请输入身高( ...

Js闭包练习2020031801【代码】

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/><title></title><script type="text/javascript" src="js/jquery-1.12.4.js"></script></head><body><script type="text/javascript">var add = (function(){var count =0;returnfunction(){return...

【JS学习】慕课网4-10 编程练习【代码】

在一个大学的编程选修课班里,我们得到了一组参加该班级的学生数据,分别是姓名、性别、年龄和年级,接下来呢,我们要利用JavaScript的知识挑出其中所有是大一的女生的的名字哦。学生信息如下: (‘小A‘,‘女‘,21,‘大一‘), (‘小B‘,‘男‘,23,‘大三‘), (‘小C‘,‘男‘,24,‘大四‘), (‘小D‘,‘女‘,21,‘大一‘), (‘小E‘,‘女‘,22,‘大四‘), (‘小F‘,‘男‘,21,‘大一‘), (‘小G‘,‘女‘,22,‘大二...

js练习至select标签联动【代码】【图】

题目:两个select标签联动! <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><select class="province" > <option>请选择省份</option></select><select class="city" > <option>请选择市区</option></select><script> data={"湖南":["长沙","邵阳","郴州"],"上海":["虹口","浦东","闵行"]} var province_ele=document.getElementsByClassName("province")[0...

JavaScript小练习【代码】【图】

练习,做一个简单的加法计算器<head> <meta http-equiv="Content-Type" content="text/html; charset=GB2312"> </head> <style> input{width:50px; } </style> <script> function calc(){ var num1= document.getElementById("num1").value; var num2= document.getElementById("num2").value; num1 = parseFloat(num1); num2 = parseFloat(num2); var result = num1+num2; document.getElementById("result").value=result;} </sc...

无殇 javascript正则练习器

简单修正版本,对于带函数的替换暂时无法完成,普通替换已经可以了http://www.jb51.net/tools/regex_test.htm无殇 - 正则练习器/**/一个正则表达式就是由普通字符(例如字符 a 到 z)以及特殊字符(称为元字符)组成的文字模式。该模式描述在查找文字主体时待匹配的一个或多个字符串。正则表达式作为一个模板,将某个字符模式与所搜索的字符串进行匹配。 这里有一些可能会遇到的正则表达式示例: JScriptVBScript匹配/^\[ \t]*$/"^...

JS练习【代码】

JS原生代码实现简单的二级联动<!DOCTYPE html><html><head><title></title></head><body><select id="province"><option value="">请选择省份</option><!-- <option value="四川">四川</option><option value="湖北">湖北</option><option value="江苏">江苏</option> --></select><select name="" id="citys"><option value>请选择城市</option></select><script type="text/javascript">data={"四川":["资阳","城都","南充"],"山...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部