js简介、语法,变量、 变量、操作符

简介
HTML定义网页的内容;CSS描述了网页的布局(样式);JavaScript控制了网页的行为;
BOM:浏览器对象模型包含window(…)
DOM:文档对象模型,通过它可以访问HTML文档所有元素
HTML:标签语言,前端常用的编辑器vscode;访问任何网站都必须最先返回一段html
p标签div标签b标签,所有内容写在标签里面,
js代码写在script标签里面,写在body上面会影响页面速度,建议放在整个页面底部。
CSS:用来控制样式与布局
css写在style标签里面
打印:

console.log('夜来风雨声,花落知多少')

undefined是console.log()的返回值

alert('夜来风雨声,花落知多少')

alert是弹窗
confirm是确认框
prompt是带输入的确认框

confirm('夜来风雨声,花落知多少')

document.write(“

题目

”);写入,删除原先的
document.write(“

题目

”);写入,原先的不会删除,追加模式
x=document.getElementById(“demo”);返回值是demo节点
x.innerHTML=“hellp world”;改变内容
document.write(Date());写入时间
转义 \字符原本的输出
字面量
一般固定值称为字面量,
数字(Number),可以是整数或者小数或者科学计数法
字符串(String)’ ‘’ ` 三者可以相互包含
数组(Array)
[1,2,3,4]
[1,2,'1111',undefined]

对象(Object),万物皆对象

{'a': 1}

函数(Function)

JavaScript变量
使用关键字var、let、const来定义变量,用等号赋值

var a=1

var a
a=1

JavaScript操作符
赋值运算符:=、+=、=、/=、%=
a+=1 等同于a=a+1
算术运算符:+、-、
、/、%、-(一元取反)、++、–
10%9=1 a=2 a++ =2 ++a=3
比较运算符:<,>,<=,>=,==, =,!=,!

'1'==1
true
'1'===1
false

三目运算符
true?1:2 如果为true。执行1反之2
逻辑运算符:&&、||、!

true && true
true
true && false
false
true || falese
true

移位运算符:<<,>>>,>>
<<左移,>>右移
逻辑位运算符:^, &,|.~

与、或、异或、按位取反
1110 1111 1110
1110 1111 1111
1110 1111 0001
+1取负数
JavaScript数据类型
字符串(String)
数字(Number)
布尔(Boolean)
空(Null)
未定义(Undefined)
引用数据类型 :对象(Object)函数(function)
关键词typeof+值可查看数据类型

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值