JS案例
关注
分享
扫一扫
在学习尚硅谷js过程中遇到的案例记录
CZNEU
记录学习！！！
展开
-
定时器——移动div
// 创建一个执行简单动画的函数。box要执行盒子，attr要执行动画的样式，target，speed速度（正右负左）,callback动画执行完毕之后执行 function move(box, attr, target, speed, callback) { clearInterval(box.timer); var current = parseInt(getStyle(box, attr)); if (current > target) { speed =原创 2021-03-20 22:20:14 · 280 阅读 · 0 评论 -
自动切换图片
<body> <img src="img/1.jpg" id="img1"> <br> <br> <button id="btn">播放</button> <button id="end">结束</button></body>window.onload = function() { // 自动切换图片 var img1 = document.getElementById("img.原创 2021-03-20 19:40:38 · 271 阅读 · 0 评论 -
拖拽
拖拽box1元素流程：当鼠标在被拖拽元素上按下时，开始拖拽当鼠标被移动时被拖拽元素跟随鼠标移动当鼠标松开时被拖拽元素固定在当前位置改进问题当我们拖拽一个网页中的内容时，浏览器会默认去搜索引擎中搜索内容，此时会导致拖拽功能异常可以通过return false取消默认行为，对IE8不兼容<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title><原创 2021-03-20 10:10:09 · 184 阅读 · 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>Do原创 2021-03-19 16:35:01 · 249 阅读 · 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-03-19 14:26:14 · 306 阅读 · 0 评论 -
全选练习
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload = function() { var items = document.getElementsByName("items"); // checkedAllBtn原创 2021-03-18 11:02:48 · 129 阅读 · 0 评论 -
图片切换
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } #outer { width: 320px; margin: 50px auto; padding: 10px;原创 2021-03-17 20:23:42 · 120 阅读 · 0 评论 -
水仙花数
水仙花数水仙花数是指一个3位数，它的每个位上的数字的3 次幂之和等于它本身。（例如：1^3 + 5^3+ 3^3 = 153）,请打印所有的水仙花数。for (i = 100; i <= 999; i++) { //第一位 var i1 = parseInt(i / 100); //第二位 var i2 = parseInt(i / 10) % 10; //var i2 = parseInt((i-i1*100)/10); //第三位 var i3 = i % 10; if原创 2021-03-12 21:25:38 · 222 阅读 · 0 评论 -
99乘法表
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> td { border: 1px solid; } </style> <script type="text/javascript"> document.write("&l原创 2021-03-03 15:44:14 · 173 阅读 · 1 评论 -
判断一个数是否是质数
在页面中接收一个用户输入的数字，并判断该数是否是质数质数：只能被1和它自身整除的数，1不是质数也不是合数，质数必须是大于1的自然数var num = prompt("please");//判断这个值是否合法if (num <= 1) { alert("该值不合法！");} else { //创建一个数来保存当前数的状态 var flag = true; //判断num是否是质数 //获取2-num之间的数 for (var i = 2; i < num; i+.原创 2021-03-03 15:05:19 · 417 阅读 · 2 评论 -
给三个数排序
/* * 编写程序，由键盘输入三个整数分别存入变量num1、num2、num3， * 对他们进行排序，并且从小到大输出。 */ var num1 = prompt("请输入第一个整数"); var num2 = prompt("请输入第二个整数"); var num3 = prompt("请输入第三个整数"); var temp; if (num1 > num2) { temp = num2; num2 = num1;原创 2021-03-02 21:32:59 · 716 阅读 · 0 评论 -
JS中如何判断一个变量是否为数字
用isNaN()函数来判断isNaN()：判断参数是否为NaN（不是数的数）如果参数不是数字，会进行类型转换然后判断a = "12";b = isNaN(a);console.log(b); //false,是数字console.log(typeof a); //stringa = "ab";b = isNaN(a);console.log(b); //true,不是数字console.log(typeof a); //string...原创 2021-03-02 21:23:52 · 758 阅读 · 0 评论