js
关注
分享
扫一扫
qq_40891002
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
百度前端学院数组部分学习
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>sort</title> </head> <body> <script> var str=[43, 54, 4, -4, 84, 100, 58, 27, 140]; str=str.sort(x); alert(str); fu...原创 2020-06-15 07:55:29 · 194 阅读 · 0 评论 -
关于队列的操作
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <input id="queue-input" type="text"> <p id="queue-cont">队列内容：apple->pe.原创 2020-06-10 15:53:33 · 154 阅读 · 0 评论 -
递归遍历二叉树
<!DOCTYPE html><html><head></head><body> <script> var tree = { "id": 0, "name": "root", "left": { "id": 1, "name": "Simon", .原创 2020-06-09 20:39:24 · 155 阅读 · 0 评论 -
轮播图笔记
学习百度前端学院被卡在了递归遍历二叉树。于是学习一下网上大神纯手写的轮播图HTML部分<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>轮播图</title> <link rel="stylesheet" href="轮播图.css"> </head> <body> <div class="co原创 2020-06-05 17:53:38 · 222 阅读 · 0 评论 -
标签栏切换效果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>标签栏切换效果</title> <style> body{ margin: 0px; padding: 0px; } .tab-box{ width: 383px; border-top: 2px solid goldenrod; margin:.原创 2020-06-03 21:10:12 · 4821 阅读 · 1 评论 -
去除字符串首尾空格以及连续重复的地方
编码/*实现一个字符串头尾去除空格的函数注意需要去除的空格，包括全角、半角空格暂时不需要学习和使用正则表达式的方式*/function diyTrim(str) { var result = ""; // do something return result}// 测试用例console.log(diyTrim(' a f b ')); // ->a f bconsole.log(diyTrim(' ffdaf ')); // -原创 2020-05-27 20:36:15 · 337 阅读 · 0 评论 -
字符串 js应用
有了上次的写法经验这个就比较快了，上代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>字符串相关</title> </head> <body> <div> <label>String A: <input id="radio-a" type="radio" c原创 2020-05-26 22:40:51 · 139 阅读 · 0 评论 -
js 数字相关的操作
编码首先练习数字相关的一些操作：<div> <label>Number A:<input id="radio-a" type="radio" name="math-obj" value="a"></label><input id="num-a" type="text"> <label>Number B:<input id="radio-b" type="radio" name="math-obj" val原创 2020-05-26 16:24:34 · 179 阅读 · 0 评论 -
setTimeout 和setInterval的用法笔记
编码<div id="fade-obj" style="width:300px;height:300px;background:#000"></div><button id="fade-btn">淡出</button>针对以上 HTML，分别使用 setTimeout 和 setInterval 实现以下功能：点击按钮时，开始改变 fade-obj 的透明度，开始一个淡出（逐渐消失）动画，直到透明度为0 在动画过程中，按钮的状态变为不可点击原创 2020-05-25 17:49:38 · 217 阅读 · 0 评论 -
验证用户名和密码是否为空
<!DOCTYPE html> <head> <meta charset="UTF-8"> <title>验证用户名和密码是否为空</title> <style> body{background:red;} .box{ background:#fff; padding:20px 30px; width:400px; margin: 0 auto; ..原创 2020-05-23 09:51:54 · 782 阅读 · 0 评论 -
找到那个dom
前端学院的第19天，任务是找那个dom,刚开始学的时候，想系统学一下什么是dom，于是两天前开始看书，书上有很多案例，有的还没有完全理解，比如说标签栏切换效果，让我独立写一下可能还不行，于是先来完成这个任务，任务是先给你一段代码定义几个函数补充完就行，就这刚开始还是写不太好，把最后写的记下吧！！<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>IFE原创 2020-05-20 10:22:39 · 230 阅读 · 0 评论 -
不同时间输出不同问候语
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>不同时间不同问候语</title> </head> <body> <script> var d=new Date(); var time=d.getHours(); if (time<10) { document.write(.原创 2020-05-17 11:04:23 · 1566 阅读 · 0 评论 -
打印九九乘法表
最简单的，外面没有边框的<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>九九乘法表</title> </head> <body> <script> var i,j; for(var i=1;i<=9;i++){ document.write("<br>"); f原创 2020-05-17 10:25:36 · 168 阅读 · 0 评论 -
用js实现转换字母大小写
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>大小写转换</title> </head> <body> <p>原数据：<input id="old" type="text"></p> <p>操作:<button type="button" value="转大写" .原创 2020-05-16 08:46:15 · 2691 阅读 · 2 评论 -
自己错误的改正
<p id="jieshao">看看我的爱好</p><button type="button" onclick='document.getElementById("jieshao").innerHTML="我的爱好:足球,乒乓球,悠悠球"'>点开</button>注意此函数里面的id值是个双引号原创 2020-05-15 22:04:57 · 207 阅读 · 0 评论 -
js学习 实现简单的计算器
先贴一下代码<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>IFE ECMAScript</title></head><body> <p>第一个数字:<input id="first-number" type="number" value="0" placeholde原创 2020-05-15 20:14:07 · 403 阅读 · 0 评论