![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS demo
JS demo
是欢欢啊
如果词不达意,那就把爱意藏在心底
展开
-
js实现身份证号查询相关信息
HTML部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t.原创 2021-07-19 14:11:22 · 670 阅读 · 5 评论 -
js去除多余的空格
var str = document.querySelectorAll(".game_article p"); var newStr = ''; function clearTrim(){ for(var i=0;i<=str.length;i++){ //判断图片是否存在 var ImgObj = new Image(); ImgObj[i].src = imgurl; .原创 2021-07-09 16:55:19 · 275 阅读 · 0 评论 -
键盘控制DIV移动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>键盘.原创 2021-07-05 12:02:06 · 53 阅读 · 0 评论 -
99乘法口诀表
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>99.原创 2021-07-05 10:01:08 · 177 阅读 · 0 评论 -
字符串中出现次数最多的字符
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2021-07-02 15:27:06 · 95 阅读 · 0 评论 -
js判断 有些数字的立方的末尾正好是该数字本身
有些数字的立方的末尾正好是该数字本身。比如:1,4,5,6,9,24,25,…请你计算一下,在10000以内的数字中(指该数字,并非它立方后的数值),符合这个特征的正整数一共有多少个。function num(n){ var count = 0; for(var i=0;i<n;i++){ var result = Math.pow(i,3); var res = result.toString(); .原创 2021-07-02 11:23:26 · 301 阅读 · 0 评论 -
外部的jQuery链接
外部的jQuery链接,引入即可使用百度:<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>google:<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>cdn加速:<script src="https://cdn.bo原创 2021-06-22 10:09:08 · 1533 阅读 · 0 评论 -
点击小图切换大图
<div class="contents"> <h1 class="tt">{$data.title}</h1> <div class="topImg"> <img src="" /> </div> <div class="bottomImg"> <foreach name="$data['image_lis原创 2021-06-15 13:48:31 · 355 阅读 · 0 评论 -
获取时间并自动更新
var time = document.querySelector(".time"); function getTime(){ var date = new Date(); var year = date.getFullYear(); var month = date.getMonth()+1; var day = date.getDate(); var hour = date.getHours(); .原创 2021-05-19 10:55:32 · 171 阅读 · 0 评论 -
DOM综合查询
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>DOM原创 2021-05-12 13:44:16 · 63 阅读 · 0 评论 -
DOM方法封装及回调函数的使用
<!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Untitled Document</title> <link rel="stylesheet" type="text/css" href="css1.css" /> <script type=原创 2021-05-11 16:55:44 · 238 阅读 · 0 评论 -
原生JS实现DOM的增删改查
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>dom原创 2021-05-11 16:54:04 · 214 阅读 · 0 评论 -
原生Ajax
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>原生A原创 2021-05-07 11:07:26 · 38 阅读 · 0 评论 -
js求时间差
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>js求原创 2021-05-04 11:26:54 · 41 阅读 · 0 评论 -
导航栏跟随滚动条滑动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>导航栏原创 2021-04-21 10:17:51 · 1417 阅读 · 0 评论 -
运动套路(图片或div滑动)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>运动套原创 2021-04-12 14:44:25 · 52 阅读 · 0 评论 -
淘宝放大镜
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>淘宝放原创 2021-04-12 10:53:00 · 65 阅读 · 0 评论 -
获取鼠标位置及手写一个拖拽效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>获取鼠原创 2021-04-10 16:50:16 · 65 阅读 · 0 评论 -
JS点击事件的使用方法
JS点击事件的使用方法<html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>JS中的点击方法<原创 2021-03-15 11:59:53 · 613 阅读 · 0 评论 -
原生JS操作视频
<html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>&原创 2021-03-16 11:36:02 · 260 阅读 · 0 评论 -
JS实现机械时钟
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> /* 样式 */ * { padding: 0; margin: 0; }转载 2021-03-17 11:45:50 · 366 阅读 · 0 评论 -
模拟京东快递单号查询
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>模拟京东快递单号查询</title></head><body> <input t原创 2021-03-19 11:13:15 · 118 阅读 · 0 评论 -
简单选项卡的使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>选项卡的简单使用</title></head><style> .container {原创 2021-03-19 13:16:48 · 71 阅读 · 0 评论 -
JS实现一个石英时钟
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>JS常用的方法</title></head><style> .time {原创 2021-03-19 15:01:28 · 60 阅读 · 0 评论 -
这可能是全网最炫酷的时钟了
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> @font-face {原创 2021-03-19 15:07:09 · 123 阅读 · 0 评论 -
判断质数
var count = 0; var num = 5; for ( var i = 1; i <= num; i++ ) { if(num % i == 0){ count ++; } } if(count == 2) { console.log(num + '是质数.原创 2021-04-02 15:58:38 · 78 阅读 · 0 评论 -
判断水仙花数字
在这里插入代码片 var a = prompt("请输入一个三位数"); var bai = parseInt(a/100); var shi = parseInt(a/10)%10; var ge = (a%100)%10; var sum = Math.pow(bai,3) + Math.pow(shi,3) + Math.pow(ge,3); if(sum == a){ console.log(a +原创 2021-04-02 16:43:17 · 60 阅读 · 0 评论 -
浩克行走游戏
在这里插入代码片<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti原创 2021-04-07 10:41:21 · 125 阅读 · 0 评论