简介
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+值可查看数据类型