当前位置: 首页 > news >正文

JS


文章目录

  • 项目地址
  • 一、JS
    • 1.1 if语句
    • 1.2 for循环
    • 1.2 三元表达式
    • 1.3 switch
    • 1.4 数组的push方法
    • 1.5 fuction
      • 1.5.1 arguments
    • 1.6 匿名函数
    • 1.7 预解析
    • 1.8 js对象
      • 1.8.1创建一个类
      • 1.8.2 遍历对象
    • 1.9 js的内置对象
      • 1.9.1 随机整数
  • 二、DOM
    • 2.1 获取元素
    • 2.2 事件基础
      • 2.2.1 事件三要素
      • 2.2.2 元素操作
        • 1.改变内容innerText和innerHTML
        • 2.修改样式
        • 3.for循环精灵图背景
        • 4.修改类名(应用:直接根据类名更还CSS)
        • 5.获取和设置属性的值
        • 6. 练习:京东商品介绍
      • 2.2.3 节点操作
        • 1. 获取父节点
        • 2. 获取子元素节点
        • 3. 练习:新浪导航的下拉菜单
        • 4. 创建新的节点
        • 5. 删除节点
        • 6. 复制节点
        • 7. 练习:动态生成表格
    • 2.3 事件高级
      • 2.3.1 方法监听方式注册事件
      • 2.3.2 删除事件(解绑事件)
      • 2.3.3 DOM事件流
      • 2.3.4 事件对象
        • 1. 常用属性和方法
        • 2. 阻止默认行为
        • 3. 阻止冒泡
        • 4. 事件委托
  • 三、BOM
    • 3.1 常见的Window对象事件
    • 3.2 定时器
      • 3.2.1 案例:5s后关闭广告
      • 3.2.2 停止定时器
      • 3.2.3 setInterval()重复调用函数
        • 3.2.4 案例:京东倒计时


项目地址

  • 教程作者:PINK
  • 教程地址:
V6.5
  • 代码仓库地址:
  • 所用到的框架和插件:
JAVASCRIPT

一、JS

1.1 if语句

  • 和c#一样
int number = 10;if (number > 0 && number < 10)
{Console.WriteLine("The number is between 0 and 10.");
}
else if (number >= 10 && number < 20)
{Console.WriteLine("The number is between 10 and 20.");
}
else
{Console.WriteLine("The number is 20 or greater.");
}

1.2 for循环

和C#一毛一样

for (初始化; 条件; 迭代)
{// 循环体代码
}
  • 注意他们分号隔开
        var num =[];num = ['red','green','blue','yellow','black','white','pink','purple','orange','brown'];for (var i =0 ;i<num.length;i++){console.log(num[i]);}

1.2 三元表达式

判断条件?真:假

        var num =10;num <5 ? alert("<5 ") : alert(">5")

1.3 switch

  • C#相同语法:用operation 匹配case 后面的值
char operation = '+';
int a = 5, b = 3;switch (operation)
{case '+':Console.WriteLine($"Result: {a + b}");break;case '-':Console.WriteLine($"Result: {a - b}");break;case '*':Console.WriteLine($"Result: {a * b}");break;case '/':Console.WriteLine($"Result: {a / b}");break;default:Console.WriteLine("Invalid operation");break;
}

1.4 数组的push方法

  • Js的array()对应的C#里的ArrayList()都是动态数组,可以放不同的类;
  • 区别:js数组增加元素用push
    <script>var num =[];var kong =[];num = ['red','green','blue','yellow','black','white','pink','purple','orange','brown'];for (var i &
http://www.lryc.cn/news/484276.html

相关文章:

  • 【原创】java+ssm+mysql商品库存管理系统(进销存)设计与实现
  • three.js 杂记
  • 基于Hadoop、hive的数仓搭建实践
  • 新的恶意软件活动通过游戏应用程序瞄准 Windows 用户
  • 【Hutool系列】反射工具-ReflectUtil
  • 【操作系统专业课】第二次作业
  • Scala的迭代器
  • (RK3566驱动开发 - 1).pinctrl和gpio子系统
  • css三角制作(二十课)
  • C++_priority_queue(优先级队列)
  • 微信小程序——01开发前的准备和开发工具
  • MySQL 的主从复制数据同步
  • python——面向对象
  • Microsoft 365 Exchange如何设置可信发件IP白名单
  • LM27313典型电路之升压电路
  • 嵌入式面试八股文(七)·#ifndef#define#endif的作用、以及内存分区(全局区、堆区、栈区、代码区)
  • 【弱监督视频异常检测】2024-ESWA-基于扩散的弱监督视频异常检测常态预训练
  • Android 13 实现屏幕熄屏一段时候后关闭 Wi-Fi 和清空多任务列表
  • Elasticsearch磁盘占用大于95%时将所有索引置为只读
  • 删除 git config 保存的密码
  • Springboot环境搭建详解
  • SpringCloud框架学习(第三部分:Resilience4j 与 Micrometer)
  • Scala的Map集合(不可变)
  • 深入剖析:Spring MVC与Struts的较量
  • 4.Mybatis中,在Mapper的SQL映射文件中,使用<choose><when>无法识别参数的情况
  • antd proFromSelect 懒加载+模糊查询
  • Spring Boot 牛刀小试 org.springframework.boot:spring-boot-maven-plugin:找不到类错误
  • qt中ctrl+鼠标左键无法进入
  • 丹摩征文活动 | 丹摩智算平台:服务器虚拟化的璀璨明珠与实战秘籍
  • 本机ip地址和网络ip地址一样吗