网站开发项目推荐东莞设计网站推荐
文章目录
- 项目地址
 - 一、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 &