1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>无标题文档</title>
  6.  
  7. <script>
  8. /*
  9. var i = 0;
  10. i++;
  11. if( i === 5 ){
  12.     i = 0;
  13. }
  14. i%=5;
  15. */
  16. window.onload = function (){
  17.     var aLi = document.getElementsByTagName('li');
  18.     var arr = [ 'red', 'yellow', 'blue' ]；
  19.     var str = '';
  20.     for( var i=0; i<aLi.length; i++ ){
  21.         aLi[i].index = i;
  22.         aLi[i].style.background = arr[i%arr.length];
  23.         aLi[i].onmouseover = function (){
  24.             this.style.background = 'gray';
  25.         };
  26.         aLi[i].onmouseout = function (){
  27.             this.style.background = arr[this.index%arr.length];
  28.         };
  29.  
  30.         aLi[i].onmouseover = function (){
  31.             str = this.style.background;                        // 先存颜色
  32.             this.style.background = 'gray';
  33.         };
  34.         aLi[i].onmouseout = function (){
  35.             // this.style.background = arr[this.index%arr.length];
  36.             this.style.background = str;
  37.         };
  38.  
  39.         aLi[i].checked = !aLi[i].checked;
  40.  
  41.         var a = 120<90 && 20;//前面不成立后面不执行
  42.         var b = 120<90 || 20>200;//前面成立后面不执行
  43.         var c = !!true;
  44.         var d = !200;//！可以取反，还可以进行数据类型转换，任何类型都可以转成boolean类型，
  45.     }
  46. };
  47. </script>
  48. <style>
  49. li { height:24px; margin-bottom:3px; list-style:none; }
  50. </style>
  51. </head>
  52. <body>
  53. </body>
  54. </html>
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>无标题文档</title>
  6.  
  7. <script>
  8. var str = 'js';
  9.  
  10. switch( str ){
  11.     case 'js' :
  12.         alert( 'js' ); break;
  13.     case 'html' :
  14.         alert( 'html' ); break;
  15.     default :
  16.         alert( str );
  17. }
  18.  
  19. 120<45 ? alert( '120<45' ) : alert( '120!<45' );
  20.  
  21. alert( 120<450? '120<450' : '120!<450' );
  22.  
  23. var i=0;
  24. while (i<3){
  25.     alert(i);
  26.     i++;
  27. }
  28.  
  29. for(var i=0; i<6; i++){
  30.     if( i == 4 ){
  31.         // break;                        // 跳出
  32.         continue;                // 跳过
  33.     }
  34.     alert(i);
  35. }
  36.  
  37. </script>
  38.  
  39. </head>
  40.  
  41. <body>
  42. </body>
  43. </html>
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>无标题文档</title>
  6.  
  7. <script>
  8. /*
  9.     真假的问题：数据类型-数字（NaN）、字符串、布尔、函数、对象（element、[]、{}、null）、undefined
  10.     真：非0的数字（正负数字是真）、非空字符串（空格是真）、true、函数、能找到的元素、数组、json
  11.     假：0、NaN、空字符串''、false、不能找到的元素、null、undefined
  12. */
  13. if( null ){
  14.     alert('真');
  15. }else{
  16.     alert('假');
  17. }
  18. </script>
  19.  
  20. </head>
  21.  
  22. <body>
  23. </body>
  24. </html>

js---11运算符，流程控制，真假的更多相关文章

  1. JS基本数据类型&流程控制

    JS基本数据类型 number     -----  数值 boolean    -----  布尔值 string     -----  字符串 [x,y] -------数组 undefined  ...

  2. 12 (H5*) JS第二天 流程控制：顺序结构、分支结构、循环结构

    目录 1:一元运算符 2:流程控制 3:分支之if语句 4:分支之if-else语句 5:分支语句之三元运算符 6:if和else if语句 7:switch-case语句 8:while循环 9:d ...

  3. python的学习笔记01_3 基本运算符 流程控制if while 字符串常用办法

    基本运算符 运算符 计算机可以进行的运算有很多种,可不只加减乘除这么简单,运算按种类可分为算数运算.比较运算.逻辑运算.赋值运算.成员运算.身份运算.位运算,今天我们暂只学习算数运算.比较运算.逻辑运 ...

  4. day04 运算符 流程控制 （if while/of）

    1. 运算符算数运算符 + - * / int / float :数字类型 # print(10 + 3.1)# print(10 / 3)# print(10 // 3)# print(10 % 3 ...

  5. <基础> PHP 运算符 流程控制

    PHP运算符优先级: 递增/递减 (++ / --) > 算术运算符(+ .- .* ./) > 大小比较 > 逻辑与 (&)> 逻辑或(||) > 三目 > ...

  6. python - 用户交互/数据类型/格式化输出/运算符/流程控制单双多分支

    python:用户交互: 等用户输入,做反应: username=input("username:")password=input("password:")pr ...

  7. js数据类型转换 ----流程控制

    数据类型转换: //number转换成str // var str=a+''; // console.log(str); // console.log(typeof str); //转换成字符串了 v ...

  8. day52类型转换 运算符 流程控制

    0.复习 1.导入 <div id="div1" onclick="this.style.color = 'red';">12345</div ...

  9. 现代JS中的流程控制：详解Callbacks 、Promises 、Async/Await

    JavaScript经常声称是_异步_.那是什么意思?它如何影响发展?近年来这种方法有何变化? 请思考以下代码: result1 = doSomething1(); result2 = doSomet ...

  10. js 中的流程控制—while和do while

    while语句: while(exp){  }如果为true ,执行代码块里的语句,如果为false,跳出循环 <script> var i =1 ; while (i<10){ / ...

随机推荐

  1. react --- 路由传参的几种方式

    1.params 优势 : 刷新地址栏,参数依然存在缺点:只能传字符串,并且,如果传的值太多的话,url会变得长而丑陋. 2.query 优势:传参优雅,传递参数可传对象:缺点:刷新地址栏,参数丢失 ...

  2. The evolution of cluster scheduler architectures--转

    原文地址:http://www.firmament.io/blog/scheduler-architectures.html cluster schedulers are an important c ...

  3. HDFS的底层原理

  4. RadioButton的drawableTop图片文字不居中

    在安卓应用的开发中,一般普通应用用到最多的就是底部放一个RadioGroup实现切换的布局,今天在实现的时候,却出现了底部RadiButton的drawableTop图片及文字无法居中的情况,经过对比 ...

  5. 14个优秀 JS 前端框架、库、工具及其使用时机

    这篇文章主要描述现今流行的一些 Javascript web 前端框架,库以及它们的适用场景. 新的 Javascript 库层出不穷,从而Web 社区愈发活跃.多样.在多方面快速发展.详细去描述每一 ...

  6. iOS 集成Protobuf,转换proto文件

    原文地址:http://blog.csdn.net/hyq4412/article/details/54891038 附加Homebrew安装地址:https://brew.sh/index_zh-c ...

  7. 将double数据保留两位小数

    private double formatDouble(double number) { DecimalFormat df = new DecimalFormat("#.00"); ...

  8. 洛谷1073 NOIP2009 最优贸易

    题目大意 C 国有 n 个大城市和 m 条道路,每条道路连接这 n 个城市中的某两个城市.任意两个城市之间最多只有一条道路直接相连.这 m 条道路中有一部分为单向通行的道路,一部分为双向通行的道路,双 ...

  9. [Codeforces 841C]Leha and Function

    题目大意:定义函数F(n,k)为[1,2,3,..n]中k个元素的子集中最小元素的数学期望.现在给你两个长度相等的数列A,B(A中元素严格大于B中元素),现在要你重新排列A,使得$\sum\limit ...

  10. [洛谷P3927]SAC E#1 - 一道中档题 Factorial

    题目大意:求$n!$在$k(k>1)$进制下末尾0的个数. 解题思路:一个数在十进制转k进制时,我们用短除法来做.容易发现,如果连续整除p个k,则末尾有p个0. 于是问题转化为$n!$能连续整除 ...