web随堂笔记

141 阅读2分钟

今天学习了java script的基本概念及结构

1.在html中的基本结构,

image.png

控制浏览器弹出警告框 alert("")

image.png 在计算机页面中输出一个内容 document.write("") (document是向body中输出一个内容)

image.png 向控制台输出一个内容 console.log("") image.png

2.外部样式链接 script一旦引入外部文件就不能编写代码了,即使编写了浏览器也会自动忽略 如果需要则可以重新创建一个script标签编写内部代码 image.png 3.通过按钮点击

image.png

4.基本语法 声明变量在赋值

var width =100;

document.write(width);

image.png

5.js的几种数据类型

一 undefined 表示变量初始值 和null值相等

image.png

二.null表示空值 和undefined值相等

image.png

三.Number数字类型

image.png

四.bollean布尔类型 ture/false 一般用于判断

image.png

五.string字符串类型

image.png

六. es6新增类型 symbol独一无二的数

image.png 七. Object对象类型

image.png

6.字符串运算

相同字符加法

image.png

字符类型和字符串类型相加

+代表拼接 num1会进行隐式数据类型转换 转换成字符串类型为字符串2进行拼接

image.png

字符串和数字相减时转换成数字类型进行加减

image.png

字符串和数字相减时转换成数字类型进行相乘除

image.png

image.png

%取余 取模

image.png

num++和++num num++是增前的值 ++num是增后的值

image.png

image.png

num--和--num num--是减前的值 --num是增后的值

image.png

image.png

7赋值运算和比较运算

image.png

image.png

不要做连续比较 布尔类型会不准确

image.png

大于等于只要满足一个就会返回ture

image.png

==和===

(=)一个等号为赋值

==用来比较两个值是否相等 返回true或者false

image.png

NaN不和任何值相等,包括它本身

image.png

===不仅比较值还比较类型

image.png