【JavaScript】原生js中运算符以及流程控制

news/2024/7/19 13:35:23 标签: js, javascript

运算符

算数:+ 加、- 减、* 乘、/ 除、% 求模

赋值:=、+=、-=、*=、/=、%=

关系:>、<、 >=、 <=、 ==、 ===、 !=、 !==

逻辑:||或、&&与、!否

实例1、求模

javascript">window.onload = function(){
    alert(0%2) //0
    alert(1%2) //1
    alert(2%2) //0
}

实例2、隔行变色

<body>
    <ol>
        <li>取模:就是求余数</li>
        <li></li>
        <li></li>
    </ol>
    <script>
        window.onload = function(){
            var aLi = document.getElementsByTagName('li');
            for(var i = 0; i < aLi.length; i++){
                if(i % 2 == 0){
                    aLi[i].style.background = 'red'
                }else{
                    aLi[i].style.background = 'green'
                }
            }
        }
    </script>
</body>

实例3、秒转分钟

javascript"><script>
    window.onload = function () {
        var a = 1568
        console.log(parseInt(a / 60) + '分' + a % 60 + '秒')
    }
</script>

实例4、+=

javascript">a = a + 1;
a+=1
a++

程序流程控制

switch

javascript"><script>
    window.onload = function () {
        var name = 'abc';
        var sex = ''
        switch (sex) {
            case '男':
                alert(name + '先生,你好');
                break;
            case '女':
                alert(name + '女士,你好');
                break;
            default:
                alert(name + '你好')
        }
    }
</script>

break、continue

javascript">window.onload = function(){
    for(var i = 0; i < 5; i++){
        if(i == 3){
            //break;  //整个循环中断了
            continue; //本次循环中断了
        }
        alert(i)
    }
}

什么是真、什么是假

javascript">window.onload = function(){
    //真:true、非0数值、非空字符串('false'或‘ ’)、非空对象
    //假: false、数值0、空字符串、空对象(null)、undefined
    var a = 'false'
    if(a){
        alert('真的')
    }else{
        alert('假的')
    }
}

 


http://www.niftyadmin.cn/n/497529.html

相关文章

ECSHOP彻底去版权 Powered by ECShop v2.7.3 Licensed

前台部分&#xff1a; 一、去掉头部title部分的ECSHOP演示站-Powered by ecshop 1、问题&#xff1a;“ECSHOP演示站” 方法&#xff1a;在后台商店设置 – 商店标题修改 2、问题&#xff1a;“ Powered by ecshop” 方法&#xff1a;打开includes/lib_main.php文件第156行 $pa…

怎么样给ECShop购物车添加购买数量加减按钮

怎么样给ECShop购物车添加购买数量加减按钮 添加以下代码到 /js/common.js 下1&#xff1a; /** * 购物车加减按钮 * param txt_id 数量的ID * param type 加 减 - * param num 添加或者减少的数量 默认为一 */functioncart_number(txt_id, type, num) { num num || 1; vart…

ecshop简化购物流程

商城网站往往最可惜的是在购物环节上流失的顾客&#xff0c;如果ecshop购物的流程能够简化一些&#xff0c;我想不仅仅是方便了购物者 &#xff0c;也会提高网店的效益&#xff0c;下面就告诉大家解决ecshop购物流程的简方法。 我们先要进入后台&#xff0c;在商店设置-购物流程…

【JavaScript】原生js中函数传不定参以及获取非行间样式的方法

函数返回值 函数返回值&#xff1a;就是函数的执行结果 function abc(){return 12; //abc() 等于12return; //abc() 等于 undefined//函数内容为空&#xff0c;abc() 等于 undefined } 函数传不定参 <script>function sum(){var result 0; //arguments 是一个由参数组成…

【JavaScript】原生js中的定时器以及如何在实例中应用

定时器 setInterval&#xff1a;间隔型 setTimeout&#xff1a;延时型 <body><input type"button" value"开启" id"btn1"><input type"button" value"关闭" id"btn2"><hr><ol><…

【JavaScript】用原生js实现无缝滚动的实例

无缝滚动 功能&#xff1a;向左滑、向右滑、鼠标移入滑动暂停、鼠标移出滑动继续。 <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</title>&l…

Android -- NestedScrolling滑动机制

1&#xff0c;如今NestedScrolling运用到很多地方了&#xff0c;要想好看一点的滑动变换&#xff0c;基本上就是使用这个来完成的&#xff0c;让我们来简单的了解一下。 2&#xff0c;NestedScrolling机制能够让父View和子View在滚动式进行配合&#xff0c;其基本流程如下&…

【JavaScript】一篇弄懂offsetWidth、offsetHeight、offsetleft、offsetTop和offsetParent

offsetWidth、offsetHeight offsetWidth&#xff1a;元素的布局宽度。 offsetHeight&#xff1a;元素的布局高度。 offsetWidth、offsetHeight 的计算&#xff1a;width/height padding border-width&#xff0c;受 box-sizing 影响。 <head><meta charset"UTF…