js之语句——案例
以下为js语句的案例题，虽然简单，但是里面涉及到语句的嵌套，多个参数，需要好好分析。
1、求出1-100之间所有奇/偶数之和
<script>
var sum = 0;
for (var i = 0; i <= 100; i++) {
if (i % 2 == 0) {
sum += i;
i++;
}
}
console.log(sum); //2550
</script>
2、九九乘法表
<script>
for (var x = 1; x <= 9; x++) {//外层循环决定行的数量
for (var y = 1; y <= x; y++) {//内层循环决定列的数量
document.write(y + "*" + x + "=" + y * x + "  ");
}
document.write("<br>");//添加换行
}
</script>
3、写出1000以内的水仙花数
<script>
var a, b, c, i;
for (i = 100; i < 1000; i++) {
a = parseInt(i / 100);
b = parseInt((i - a * 100) / 10);
c = parseInt(i - a * 100 - b * 10);
if (a * a * a + b * b * b + c * c * c == i) {
document.write(i + "<br>");
}
}
</script>
4、实现5角星图形
<script>
for (var i = 1; i < 5; i++) { //控件行
for (var n = 1; n <= 4 - i; n++) {
document.write(" ");
}
//输出一行*
for (var y = 1; y <= 2 * i - 1; y++) {
document.write("*");
}
document.write('<br>');
}
</script>
</body>
5、点击按钮让box在隐藏与显示之间来回的切换
<body>
<input type="button" id="btn" style="background-color: hotpink;" value="按钮">
<div style="width: 100px;height: 100px;background:greenyellow;display: -none;" id="box"></div>
<script>
window.onload = function () {
var btn = document.getElementById('btn');
var box = document.getElementById('box'); var on = 'block';
btn.onclick = function () {
if (on == 'none') {
box.style.display = 'block';
on = 'block';
} else {
box.style.display = 'none';
on = 'none';
}
}
}
</script>
</body>
js之语句——案例的更多相关文章
- chart.js图表库案例赏析，饼图添加文字
chart.js图表库案例赏析,饼图添加文字 Chart.js 是一个令人印象深刻的 JavaScript 图表库,建立在 HTML5 Canvas 基础上.目前,它支持6种图表类型(折线图,条形图, ...
- 关于js with语句的一些理解
关于js with语句的一些理解 今天看到js的with语句部分,书中写到,with语句接收的对象会添加到作用域链的前端并在代码执行完之后移除.看到这里,我有两点疑问,添加到作用域链前端是不是指对 ...
- js调用ajax案例
js调用ajax案例 测试地址:http://www.w3school.com.cn/tiy/t.asp?f=ajax_get 嵌入下面代码,点击提交,再点击请求数据.就可以看到结果了. <ht ...
- cookie.js插件的案例
cookie.js插件的案例: https://github.com/jaywcjlove/cookie.js/blob/master/README.md 文档 api 在这里即可查看用法 ...
- WebView JS交互 JSBridge 案例 原理 MD
Markdown版本笔记 我的GitHub首页 我的博客 我的微信 我的邮箱 MyAndroidBlogs baiqiantao baiqiantao bqt20094 baiqiantao@sina ...
- 优化 JS 条件语句的 5 个技巧
优化 JS 条件语句的 5 个技巧 原创: 前端大全 前端大全 昨天 (给前端大全加星标,提升前端技能) 编译:伯乐在线/Mr.Dcheng http://blog.jobbole.com/11467 ...
- Js基本语句
js基本语句整理导向图 ---欢迎收藏^ - ^
- vue.js循环语句
vue.js循环语句 循环使用 v-for 指令. v-for 指令需要以 site in sites 形式的特殊语法, sites 是源数据数组, site 是数组元素迭代的别名. v-for 可以 ...
- JS缓冲运动案例：右侧居中悬浮窗
JS缓冲运动案例:右侧居中悬浮窗 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta cha ...
随机推荐
- 语音文件 pcm 静默（静音）判断
转载:http://www.voidcn.com/relative/p-fwdkigvh-bro.html pcm 文件存储的是 原始的声音波型二进制流,没有文件头. (1)首先要确认 pcm文件的每 ...
- Hadoop集群参数和常用端口
一.Hadoop集群参数配置 在hadoop集群中,需要配置的文件主要包括四个,分别是core-site.xml.hdfs-site.xml.mapred-site.xml和yarn-site.xml ...
- java数据结构之ConcurrentHashMap
大神博客:https://www.cnblogs.com/study-everyday/p/6430462.html https://baijiahao.baidu.com/s?id=16170899 ...
- 这可能是你少有的能get到测试用例编写精髓的机会！
自动化测试用例的编写是实现项目自动化的核心,合理的用例设计是保证自动化效益和实用性的关键,也直接决定了自动化脚本是否具备可扩展和可维护性.由此,本篇文章主要为大家介绍了测试用例编写的规范和注意事项. ...
- python基础知识（循环语句）
for循环.while循环.循环嵌套 for 迭代变量 In 对象: 循环体 range(start,end,step) 第一个和第三个可以省略生成一系列的连续整数 start 包括起始值 end ...
- public static void main(String[] args) 是什么意思?
public static void main(String[] args),是java程序的入口地址,java虚拟机运行程序的时候首先找的就是main方法. 一.这里要对main函数讲解一下,参数S ...
- Top 5 Business Messaging Announcements at Facebook F8 2019
Top 5 Business Messaging Announcements at Facebook F8 2019 By Iaroslav Kudritskiy May 2, 2019 With t ...
- 又做了个新的Blog
http://inkhin.com 服务器比较渣,访问不了的请见谅.
- PHP学习（4）——数组的使用
1.数组的概念 数组就是一个用来存储一系列变量值的命名区域. 每个数组元素有一个相关的索引(也成为关键字),它可以用来访问元素. PHP允许间隔性地使用数字或字符串作为数组的索引. 2.数字索引数组 ...
- ipad3 修理记录
1,左下角 有视频线 2,右下角 有WIFI线