搜索到
23
篇与
前端
的结果
-
JavaScript使用递归算法实现1加到100的总和。1加到100的总和再加上能被3整除的数。1加到100的奇数和再减去能被3整除的数。 JavaScript使用递归算法实现1加到100的总和。1加到100的总和再加上能被3整除的数。1加到100的奇数和再减去能被3整除的数。1+2+3+......+100的和 function dg(i) { if (i == 100) { return 100; } console.log(i); return i + dg(i + 1); } var sum = 0; sum += dg(1); document.write(sum);50501+2+3+......+100的和，加上能被3整除的数 function dg(i) { if (i == 100) { return 100; } if (i % 3 == 0) { return i + i + dg(i + 1); } return i + dg(i + 1); } var sum = 0; sum += dg(1); document.write(sum);67331+2+3+......+100的奇数和，减去能被3整除的数 function dg(i) { var is_ji = true,is_3 = true; if (i % 3 != 0) { is_3 = false; } if (i % 2 == 0) { is_ji = false; } if (i == 100) { return (is_3 && is_ji) || (!is_3 && !is_ji) ? 0 : is_3 ? -i : i; } return (is_3 && is_ji) || (!is_3 && !is_ji)? dg(i + 1): is_3? dg(i + 1) - i: dg(i + 1) + i; } var sum = 0; sum += dg(1); document.write(sum);817 -
JavaScript基础 JavaScript基础JavaScript数据类型类型解释undefined值未定义number数字型string字符串型boolean布尔型对象键值对存储的数据Null值是 null，但是类型仍然是对象JavaScript操作符操作符符号赋值操作符= += -= *= /= %=算术操作符+ - / % ++ -- *关系操作符> < >= <=逻辑操作符&& || !JavaScript条件判断符语句解释if,else如果，否则if,else if,else多分支。如果，否则如果，否则三目(元)运算符(条件|赋值)?(返回true执行语句1):(返回false执行语句2)switch规定多个被执行的备选代码块switch(表达式) { case n: 代码块 break; case n: 代码块 break; default: 默认代码块 } JavaScript循环语句解释for多次遍历代码块for in遍历对象属性for of遍历对象的值while当指定条件为 true 时循环一段代码块do while当指定条件为 true 时循环一段代码块forEach()数组的每个元素调用一次函数continue跳出当前循环break结束循环//for for(var i=0;i<=10;i++){ } //for in var _text = ['1','2','3','4'] for(var i in _text){ } //for of var _text = ['1','2','3','4'] for(var i of _text){ } //while while(true){ } //while do do{ }while(true) //forEach() var _text = ['1','2','3','4'] function func(){ } _text.forEach(func())JavaScript数组var cars = ['1','2','',......] //使用new生成 var cars = new Array('1','2','3',......); //取数组长度 cars.length //追加元素 cars[cars.length] = '' //或 cars.push('')
-
JavaScript绘制立体面环形旋转 JavaScript绘制立体面环形旋转{anote icon="fa-arrow-circle-right" href="http://www.000081.xyz/index.php/118-1.html" type="secondary" content="预览"/}<!DOCTYPE html> <html> <head> <meta charset="utf8" /> <title>立体布局</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; border: 0; } /* 加入远近关系，使画面更真实，防止两边旋转90度面不显示 */ body { perspective: 1000px; } .box { width: 200px; height: 200px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; transform-style: preserve-3d; transform: rotate3d(1, 0, 0, -30deg); animation: donghua 5s 0.2s linear infinite; /* 加入远近关系之后，增加距离顶部高度 */ margin-top: 200px; } @keyframes donghua { 0% { transform: rotateX(0); } 100% { transform: rotateX(360deg); } } .box div { width: 100px; height: 200px; font-size: 5em; text-align: center; position: absolute; line-height: 200px; } </style> </head> <body> <div class="box" id="box"></div> <script> function getcolor() { var _color = [ "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f", ]; var cache_text = "#"; for (var i = 0; i < 6; i++) { cache_text += _color[parseInt(Math.random() * 16)]; } return cache_text; } var _box = document.getElementById("box"); for (var i = 0; i <= 12; i++) { _box.innerHTML += "<div></div>"; } var _div = _box.getElementsByTagName("div"); var _text = [ "☯", "子", "丑", "寅", "卯", "辰", "巳", "午", "未", "申", "酉", "戌", "亥", ]; for (var i = 0; i <= 12; i++) { _div[i].innerHTML = _text[i]; _div[i].style.background = getcolor(); _div[i].style.transform = "rotateY(" + i * 30 + "deg) translateZ(200px) "; if (i == 0) { _div[i].style.border = "10px solid red"; _div[i].style.transform = ""; } } function changecolor() { for (var i = 0; i <= 13; i++) { if (i == 0) _div[i].style.border = "10px solid " + getcolor(); _div[i].style.backgroundColor = getcolor(); } } setInterval(() => { changecolor(); }, 100); </script> </body> </html>
-
html5+JavaScript使用表单实现输入两个数，单击相乘或相加，输出不同结果 html5+JavaScript使用表单实现输入两个数，单击相乘或相加，输出不同结果{anote icon="fa-arrow-circle-right" href="http://www.000081.xyz/index.php/106-1.html" type="secondary" content="预览"/}index.html<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> #t1,#t2{ width: 50px; height: 50px; } </style> </head> <body> <form action="form.html" method="get"> <input type="text" id="t1" name="num1"/> <input type="text" id="t2" name="num2"/><br /> <input type="submit" id="b1" value="+" name='fuhao'/> <input type="submit" id="b2" value="*" name='fuhao'/> </form> </body> </html> form.html<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <script> window.onload=function(){ var nr = window.location.search.substring(1).split('&'); if(nr[2].split('=')[1]=='%2B'){ document.write(parseInt(nr[0].split('=')[1]) + parseInt(nr[1].split('=')[1])) return false } document.write(parseInt(nr[0].split('=')[1]) * parseInt(nr[1].split('=')[1])) } </script> </html>
-
JavaScript执行document.write()原有控件消失 JavaScript执行document.write()原有控件消失{anote icon="fa-arrow-circle-right" href="http://www.000081.xyz/index.php/56-1.html" type="secondary" content="预览"/}<!DOCTYPE html> <html> <meta charset="utf8"> <body> <input type="button" value="点我" onclick="document.write('按钮消失')" style="position: absolute;width: 200px;height: 100px;left: 0;right: 0;top: 0;bottom: 0;;margin: auto;"> </body> </html>document.write()执行时，将重写当前页面，原有内容全部消失，只会留下document.write()所写内容
