前端基础--JS基础(一)
一、JS简介
1、JS是什么
js 是 JavaScript 的缩写,是一种脚本语言、专门用来负责网页上的行为(可以直接写到网页中)
2、JS在网页中能做什么事情
a.在网页的不同的位置插入html代码
b.修改某个标签的内容
c.修改某个标签的样式
3、在哪儿写JS代码
a.写到标签的事件属性中(例如:onclick)
b.写在script标签中(理论上script标签可以放到HTML文件中的任何位置,实际开发中一般放在head或者body中)
c.写到外部的js文件中
4、怎么写
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<h1 >原标题</h1>
<button onclick="window.alert('按钮被点击')"></button>
<button onclick="document.getElementById('h').style.color='red'">修改样式</button>
<button onclick="document.getElementById('h').innerHTML='name'">修改内容</button>
<!--往html中插入内容-->
<script type="text/javascript">
for (var i = 0; i < 3; i++) {
document.write("<p>殺</p>")
}
</script>
</body>
</html>
案例演示
原标题
修改样式
修改内容
二、基础语法
1、js中的注释
和java一样,单行注释用//,多行注释用/* */
2、语句
a.一条语句结束需要加分号(现在的js版本也可以不写)
b.一行写多条语句必须使用分号隔开
3、数据类型
a.基本数据类型:
数字(number)、字符串(string)、布尔(boolean)、空(null)、未定义(undefined)、symbol
b.引用数据类型:
数组(array)、对象(object)、函数(function)
说明:symbol是ES6引入的一种新的原始数据类型,表示独一无二的值
4、标识符
使用标识符来命名
a.字母数字下划线$组成,不能以数字开头
b.不能是关键字
c.大小写敏感
5、声明变量
a.语法
var 变量名;
var 变量名 = 初值;
b.说明:
var:关键字
变量名:标识符,不能随意使用_或$开头(具有特殊含义);驼峰式命名。
一个变量可以存储任意类型的值,变量的默认值是undefined
三、运算符
和java差不多,这里接单罗列一下:
1、算术运算符:+,-,*,/,%,++,--
2、比较运算符:>,<,==;(相等),!=,>=,<=,===(完全相等),!==,>==,<==
==:判断值是否相等
console.log(5==5)
console.log(5=='5')
===:判断值和类型是否相等
console.log(5===5)
console.log(5==='5')
3、逻辑运算符(&&:与,||:或,!非)
4、赋值运算:=,+=,-=,*=,/=,%=
5、三目运算符(? :)
基本格式:条件语句 ? 值1:值2
6、运算符的优先级
赋值运算符 < 逻辑运算符 < 比较运算符 < 算术运算符,可以通过添加()改变