搜索到
139
篇与
1585364631
的结果
-
JavaScript实现网页计算器功能 JavaScript实现网页计算器功能 * { border: 0px; box-sizing: inherit; } table { text-align: center; border: 5px solid black; } th { text-align: center; border: 1px solid black; width: 50px; height: 50px; } td { text-align: center; border: 1px solid black; width: 50px; height: 50px; } 计算器 + - * / 7 8 9 c 4 5 6 ← 1 2 3 ( 0 . = ) var compute_text = []; //输入内容 var fuhao = ["+", "-", "*", "/", "(", ")"]; //符号栈 //表格值 var but = [ "+", "-", "*", "/", "7", "8", "9", "c", "4", "5", "6", "←", "1", "2", "3", "(", "0", ".", "=", ")", ]; // 生成按钮和点击函数 var _td = document.getElementsByTagName("td"); for (var i = 0; i -
PHP 循环 PHP 循环PHP while循环输出金字塔<?php $i = 1; $line = 10; while($i<=$line){ $j = $line - $i; $k = 2 * $i - 1; while($j>0){ $j--; echo " "; } while($k>0){ $k--; echo "*"; } echo "<br />"; $i++; } ?>PHP for循环输出九九乘法表<?php echo ("<style>td{border:2px solid black;text-align:center;padding:5px;}</style><table>"); for($i=1;$i<=9;$i++){ for($ii=1;$ii<=$i;$ii++){ echo ("<td>" . $ii . "x" . $i . "=" . $i*$ii . "</td>"); } echo ("<tr/>"); } echo ("</table>") ?>PHP forearm遍历数字索引数组所有值<?php $sz = array(1,2,3,4,5,6,7,8,9); foreach($sz as $i){ echo $i . "<br/>"; } foreach($sz as $i => $k){ echo "索引：" . $i . " 值：" . $k . "<br/>"; } ?>遍历字符关联数组(键值对)<?php $key_value0 = array('name'=>'手机','num'=>'5','price'=>'4500'); foreach($key_value0 as $i){ echo "$i "; } echo ('<br>'); foreach($key_value0 as $i => $j){ echo "键名：$i 键值：$j <br/>"; } $key_value = array( array('name'=>'手机','num'=>'5','price'=>'4500'), array('name'=>'电脑','num'=>'15','price'=>'10500'), array('name'=>'鼠标','num'=>'500','price'=>'20'), array('name'=>'键盘','num'=>'500','price'=>'20') ); foreach($key_value as $i){ foreach($i as $k => $v){ echo $k . '----' . $v . ' '; } echo '<br/>'; } foreach($key_value as $ii){ echo '物品：' . $ii['name'] . ' 数量：' . $ii['num'] . ' 价格：' . $ii['price'] . "<br/>"; } ?>
-
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>
