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 &