JavaScript_day01
1.变量声明
- 怎么声明变量?
JavaScript中变量声明用的关键字是 var 变量名称。
- 变量名称命名有什么限制?
变量名称命名需规范,准则:不能以数字开头,不能含有特殊字符(css的属性),可以含有_和$ 不能用关键字。
- var是什么?
var是弱类型,具有的特点是自动将后面的变量转换为相应的变量类型。
- 变量提升是什么?
变量提升的意思指:JS声明变量时,会把变量声明提前到最前端,赋值载当前代码所在的位置执行。
eg:var a="abcd";console.log(a);
2.数据类型
- 常用的数据类型有5种
- 数值变量(number)
- 字符串变量(string)
- 布尔类型(Boolean)
- 布尔类型记忆方法(除了NaN、0、false、none、undefined)。
- 判断数据类型
typeof();变量判断语句
3.数组
var a="姓名";
var b="身高";
数组: 同时存储多个数据(JS中,数组中的值数据类型可以不同)
var 数组名称=[值1,值2];
var a=["张三","男","广东省","1000W",4561345481512];
console.log(a[5]);
console.log(b);
数组在使用过程中,由于值过多,所以具有一个下标值,下标值从0开始
单独使用数组中某一个值 数组名称[下标值]
4.运算符
a++和++a的区别:a++是先执行完表达式,在自增 ++a先自增再执表达式
var c=5;
console.log((c++)+(++c)+(++c)+(c++)+(c--)+(--c)-(--c)+(++c));
console.log(c);
测试答案 c=7
5.控制结构体
if条件判断
如果括号中的值为真,则执行{}中的代码()中的值为假,则执行else中的代码.
for(循环体;循环条件;执行语句){
执行代码
}
循环体:定义一个变量,控制次数,循环条件:循环体打到某个要求,就停止循环,执行语句:每次循环后,执行一遍.
6.遍历数组
var a=["张明","男","广州市",1345453,"张明","男","广州市",1345453,"张明","男","广州市",1345453,1345453,"张明","男","广州市",1345453];
数组获取数组长度的方法(数组名.lenght 获取数组长度)
console.log(a.length);
for(var i=0;i<a.length;i++){
console.log(a[i]);
}
i++可以变换的来完成想控制的数;
7.switch循环
括号中放的是你要判断的变量
switch (){
case value:
break;
default:
break;
}
练习:
console.log("本月份周一共有"+i+"天")
用for循环和switch循环,判断7月份周一至周日各有几天,并输出优化。
8.查询标签
document.getElementById(''); 通过ID名去获取标签
var obox=document.getElementById('box');
obox.style.background='blue';
事件源(在JS获取到的唯一的标签).style.样式属性名称='属性值';
注意:若属性名称中带有- 必须把-去掉,后面的首字母大写
obox标签中开始标签至结束标签中间的内容
9.点击事件var obox=document.getElementById('box');
var op=document.getElementById('content');
var oinput=document.getElementById('inputs');
获取input框的输入值,事件源.value oinput.value,点击DIV,让DIV变颜色
点击事件:
事件源(JS中获取到的唯一的标签).on事件类型(click点击 mouseover鼠标悬停 mouseenter鼠标移入 mouseup mousedown)=function(){执行代码}
转载于:https://www.cnblogs.com/xiaochen-cmd-97/p/11165943.html
JavaScript_day01相关推荐
- 基础JavaScript_Day01
基础JavaScript 变量 转义字符中的引号 用单引号引用字符串 转义字符 查找字符串的长度 了解字符串的不变性 数组 嵌套 使用 push() 操作数组通过 使用 pop() 操作数组 使用 s ...
最新文章
- 加班到凌晨三点,就能月薪五万了吗?
- MongoDB 文件(MongoDB fs)
- 微信小程序原生组件swiper在mpvue工程中使用注意事项
- Google 超分辨率技术 RAISR:模糊图片瞬间变清晰,运算速度快十倍
- 功能测试——医疗管理系统
- 使用递归方法遍历TreeView的节点如配置则勾选
- Mysql字符串截取 mysql将字符串字段转为数字排序或比大小
- [转载] 你真的会用 Java 中的三目运算符吗
- android开发技术探索,《android开发艺术探索》读书笔记(十三)--综合技术(示例代码)...
- php全局化标签,PHP – 在整个应用程序中使类对象全局化?
- sizeof运算符和size_t类型比较
- javascript特效:会随着鼠标而动的眼睛
- 使用windows远程桌面连接ubuntu
- mysql workbench 建表时PK, NN, UQ, BIN, UN, ZF, AI
- 异步任务,HttpContext.Current为null解决办法
- iOS逆向专栏总目录(持续更新)
- pmp是什么意思啊?
- DSPE-PEG-Cys/DQA/Rapamycin磷脂聚乙二醇修饰半胱氨酸/地喹氯铵/雷帕霉素
- PAT甲级1021 Deepest Root//未满分
- putty使用SSH密钥登录Linux实例
热门文章
- Not injecting HSTS header since it did not match the requestMatcher HSTS设置问题解决
- 2022-2028年中国商业综合体行业市场前瞻与投资规划分析报告
- etcd 笔记(06)— Client 结构定义、客户端(初始化、KV存储Get、Put、事务 Txn、压缩 Compact、Watch、Lease
- 2022-2028年中国密胺塑料制品行业市场研究及前瞻分析报告
- 矩阵拼接 cat padding_pytorch
- LeetCode简单题之解码字母到整数映射
- PyTorch 自动微分
- 硬件安全模块如何启用AUTOSAR
- 高精地图与自动驾驶(下)
- web站点的欢迎页面