分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

js - if-else语句

发布时间:2023-09-06 01:34责任编辑:胡小海关键词:js

    

  if语句
    语法:
    if(条件){
    // 条件成立,执行这里的代码
    }

    if中的这个条件会被转换成true/false

    条件要么成立,要么不成立

    成立为真 ??表示为true
    不成立为假 表示为false

  经过几天的练习,我了解到只要是条件判断,那么用  if  语句就没错了,当条件不止一个时,那就要走 else 来执行了,当 else 也压不住的话就得请else if ( 条件) 来判断啦

ヾ(???ゞ)。

  当然了,每学一个知识点,我们都要去用它去做一些东西来检(增)验(加)一(些)下(成)掌(就)握(感)程度(づ ̄3 ̄)づ╭?~ 最基础的就是两张图片来回切换~

  部分代码如下:

  

<script>var btn = document.getElementById(‘btn‘)var img = document.getElementById(‘img‘)var num = 1btn.onclick = function (){if (num == 1){img.src = ‘../img/2.jpg‘num = 2}else if (num == 2){img.src=‘../img/1.jpg‘num = 1}}</script>

    很简单对吧?下边还有进阶版的,多张图片循环播放,按顺序播放,部分如下(循环播放):

<script> ???var n = 1; ?// 记录的是第一张 ???// "./imgs/"+n+".jpg"btn.onclick = function (){n = n+1; // 让n+1重新赋值给n// 图片之后5张,当n加到了第6张,第6张图片是不存在,需要让n重新回到1if(n == 6){n = 1}console.log(‘./imgs/‘+n+‘.jpg‘);img.src = ‘./imgs/‘+n+‘.jpg‘}</script>

  最核心的一点就是判断图片是否过界,即是否切换到了最后一张或者第一张,再对其进行赋值即可。顺序播放的话可以通过判断当到达边界那一张时,使 n 得值定格在那一张即可。

js - if-else语句

原文地址:https://www.cnblogs.com/zyuu/p/8205716.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved