1.变量声明

  • 怎么声明变量?

JavaScript中变量声明用的关键字是 var 变量名称。

  • 变量名称命名有什么限制?

变量名称命名需规范,准则:不能以数字开头,不能含有特殊字符(css的属性),可以含有_和$   不能用关键字。

  • var是什么?

var是弱类型,具有的特点是自动将后面的变量转换为相应的变量类型。

  • 变量提升是什么?

变量提升的意思指:JS声明变量时,会把变量声明提前到最前端,赋值载当前代码所在的位置执行。

eg:var a="abcd";console.log(a);

2.数据类型

  • 常用的数据类型有5种
  1. 数值变量(number)
  2. 字符串变量(string)
  3. 布尔类型(Boolean)
  4. 布尔类型记忆方法(除了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(){执行代码}

JavaScript_day01的更多相关文章

随机推荐

  1. 【转载】 什么是P问题、NP问题和NPC问题

    原文地址: http://www.matrix67.com/blog/archives/105 转载地址: https://www.cnblogs.com/marsggbo/p/9360324.htm ...

  2. 90后外挂开发者:已经有许多主播在我这里在外挂,我月入50W

    绝地求生上线不到一年已经火爆全球,玩家们表示再差的优化也抵挡不住我们玩游戏的热情,近日,各大平台主播糯米油条五五开等人的开挂实锤闹得沸沸扬扬,玩家之间刮起了一阵反击外挂的风暴. 俗话说得好,没有买卖就 ...

  3. Faster RCNN论文学习

    Faster R-CNN在Fast R-CNN的基础上的改进就是不再使用选择性搜索方法来提取框,效率慢,而是使用RPN网络来取代选择性搜索方法,不仅提高了速度,精确度也更高了 Faster R-CNN ...

  4. OSG 遍历fbx节点

    count:560 construction_worker 4294967295 osg::MatrixTransform1 Bip001 L Finger02 4294967295 osg::Mat ...

  5. Javescript——API连接 && json数据处理(待续)

    原文链接1:How to Connect to an API with JavaScript 原文链接2:How to Use the JavaScript Fetch API to Get JSON ...

  6. MySQL学习笔记——MySQL5.7的启动过程(一)

    MySQL的启动函数在 sql/main.cc 文件中. main.cc: extern int mysqld_main(int argc, char **argv); int main(int ar ...

  7. DB2学习笔记备忘 2018.5.9

    DB2安装的时候选择了和系统用户一致的选项,然后登陆的时候,连接的时候输入的就是计算机用户的用户名和密码. 1.3 DB2数据库体系结构 系统 一个系统表示DB2的一个安装.在一个由很多及其组成的网络 ...

  8. 【linux基础】如何开机自启动某个程序-linux工具-ubuntu

    前言 实际使用中应用程序或者服务需要开机自启动,而不是人为手动开启运行,那么,该如何做呢,本文对此进行介绍. 操作过程 1. 确定系统的桌面环境: 具体可参考here; 2. 如何自启动: 博主ubu ...

  9. 《Fluid Engine Development》 学习笔记2-基础

    断断续续花了一个月,终于把这本书的一二两章啃了下来,理解流体模拟的理论似乎不难,无论是<Fluid Simulation for Computer Graphics>还是<计算流体力 ...

  10. Windows 10 下使用 MinGW-w64 编译 OpenCV-4.1.1

    1. 下载安装 CMake 2. 下载安装 MinGW-w64,假设安装于 X:\path\to\MinGW-w64 此处注意选择 POSIX 版本而非 Win32 版本,因为 OpenCV 调用了标 ...