前端基础--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、运算符的优先级

赋值运算符 < 逻辑运算符 < 比较运算符 < 算术运算符,可以通过添加()改变