<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script>

/*

var i = 0;

i++;

if( i === 5 ){

    i = 0;

}

i%=5;

*/

window.onload = function (){

    var aLi = document.getElementsByTagName('li');

    var arr = [ 'red', 'yellow', 'blue' ]；

    var str = '';

    for( var i=0; i<aLi.length; i++ ){

        aLi[i].index = i;

        aLi[i].style.background = arr[i%arr.length];

        aLi[i].onmouseover = function (){

            this.style.background = 'gray';

        };

        aLi[i].onmouseout = function (){

            this.style.background = arr[this.index%arr.length];

        };

        aLi[i].onmouseover = function (){

            str = this.style.background;                        // 先存颜色

            this.style.background = 'gray';

        };

        aLi[i].onmouseout = function (){

            // this.style.background = arr[this.index%arr.length];

            this.style.background = str;

        };

        aLi[i].checked = !aLi[i].checked;

        var a = 120<90 && 20;//前面不成立后面不执行

        var b = 120<90 || 20>200;//前面成立后面不执行

        var c = !!true;

        var d = !200;//！可以取反，还可以进行数据类型转换，任何类型都可以转成boolean类型，

    }

};

</script>

<style>

li { height:24px; margin-bottom:3px; list-style:none; }

</style>

</head>

<body>

</body>

</html>
<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script>

var str = 'js';

switch( str ){

    case 'js' :

        alert( 'js' ); break;

    case 'html' :

        alert( 'html' ); break;

    default :

        alert( str );

}

120<45 ? alert( '120<45' ) : alert( '120!<45' );

alert( 120<450? '120<450' : '120!<450' );

var i=0;

while (i<3){

    alert(i);

    i++;

}

for(var i=0; i<6; i++){

    if( i == 4 ){

        // break;                        // 跳出

        continue;                // 跳过

    }

    alert(i);

}

</script>

</head>

<body>

</body>

</html>
<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script>

/*

    真假的问题：数据类型-数字（NaN）、字符串、布尔、函数、对象（element、[]、{}、null）、undefined

    真：非0的数字（正负数字是真）、非空字符串（空格是真）、true、函数、能找到的元素、数组、json

    假：0、NaN、空字符串''、false、不能找到的元素、null、undefined

*/

if( null ){

    alert('真');

}else{

    alert('假');

}

</script>

</head>

<body>

</body>

</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. echarts如何修改数据视图dataView中的样式

    原文链接:点我 做了一个现实折线图的图表,通过右上角icon可以自由切换成柱状图,表格.在表格中遇到的一点小问题,解决方案如下: 1.场景重现 这是一个显示两个折线图的图表,一切看起来都很顺利.但是点 ...

  2. 阿里云上如何找到虚拟主机和用户名登录FileZilla软件？

    0.少玩游戏 1.登录阿里云官网 :https://www.aliyun.com/ 2.点击自己的旁边的名称进入进入自己的页面 3.购买的域名和主机会在这里显示,点击域名与网站(万网)>云虚拟主 ...

  3. python异步IO-asyncio、async和await

    参考链接: asyncio:https://www.liaoxuefeng.com/wiki/0014316089557264a6b348958f449949df42a6d3a2e542c000/00 ...

  4. 【Henu ACM Round#20 D】 Devu and Partitioning of the Array

    [链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] 一开始所有的数字单独成一个集合. 然后用v[0]和v[1]记录集合的和为偶数和奇数的集合它们的根节点(并查集 然后先让v[0]的大小 ...

  5. 洛谷——P3368 【模板】树状数组 2

    https://www.luogu.org/problem/show?pid=3368 题目描述 如题,已知一个数列,你需要进行下面两种操作: 1.将某区间每一个数数加上x 2.求出某一个数的和 输入 ...

  6. Kinect for Windows V2 SDK+ VS2012 环境搭建

    眼下使用的SDK版本号是KinectSDK-v2.0-PublicPreview1409-Setup.exe. 下载地址:http://www.microsoft.com/en-us/download ...

  7. HDU 1520 Anniversary party（DFS或树形DP）

    Problem Description There is going to be a party to celebrate the 80-th Anniversary of the Ural Stat ...

  8. 小贝_php+redis类型组合使用

    php_redis类型组合使用 一.类型组合说明 经过前面的文章介绍.已经知道redis有字符串.集合.列表.hash等内置数据类型. 这里以,无序集合为例,进行说明. 集合 set1的简图 1.从简 ...

  9. 静态时序分析SAT

    1.   背景 静态时序分析的前提就是设计者先提出要求,然后时序分析工具才会根据特定的时序模型进行分析,给出正确是时序报告. 进行静态时序分析,主要目的就是为了提高系统工作主频以及增加系统的稳定性.对 ...

  10. pandas 下的 one hot encoder 及 pd.get_dummies() 与 sklearn.preprocessing 下的 OneHotEncoder 的区别

    sklearn.preprocessing 下除了提供 OneHotEncoder 还提供 LabelEncoder(简单地将 categorical labels 转换为不同的数字): 1. 简单区 ...