视频【【尚硅谷】JavaScript基础&实战丨JS入门到精通全套完整版_哔哩哔哩_bilibili】
【尚硅谷】JavaScript基础&实战丨JS入门到精通全套完整版
P01【JS简介】JavaScript网景公司
JS最初用于网页的前端验证(没有向服务器反应。优点:节省时间),到后期不止于此,发展到动态交互,服务器验证
js特点:解释语言(不用编译)、面向对象
console.log("向控制台输出内容");
P02
js代码需要编写到script标签中
alert("你好"); // 弹出警告框
document.write("hello"); //像body中写入一个内容
console.log("向控制台输出内容");
P03
这两种超链接虽然可以写在标签属性中,但他们属于结构与行为耦合,不推荐使用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!-- 可以将js代码编写到标签的onclick属性中 -->
<button onclick="alert('你点我干嘛!')">点我</button>
<a href="javascript:alert('让你点在点');"> 点我是超链接</a>
<a href="javascript:;"> 点我是超链接</a> //javascript:后直接加;结束(说明链接为空)
</body>
</html>
那往哪里写呢? 答案是script标签里写
或者从外部js文件引入,用src=“ ”
从外部js文件引入的好处是:可以在不同的页面中同时引用,也可以利用到浏览器的缓存机制
<!-- 可以将js代码编写到外部js文件中,通过script引入 -->
<script type="text/javascript" src="0326_js01.js">
</script>
js代码是按从上往下顺序执行
注意:script标签一旦用户引入外部文件了,就不能在编写代码了,即使编写了浏览器也会忽略,如果有需要,就重新创建一个script标签用户编写内部代码
P04基本语法
多行注释 /* */
单行注释 //
注意
1 、在JS中严格区分大小写
2、JS中每一条语句以分号(;)结尾,如果不写分号,浏览器会自动添加,但会消耗系统资源,而且有时候系统会加错分号,所以分号必须写
3、JS会忽略多个空格和换行,所以我们可以利用空格和换行美化代码
P05 字面量(不可改变的数值)和变量
在js中使用var关键字来声明一个变量,并为变量赋值
var b=789; //声明和赋值同时进行
P06标识符
在js中所有可以自主命名的都是“标识符”
1、标识符可以含有字母、下划线、数字、$
2、标识符不能以数字开头
3、标识符不能是ES的关键字或保留字
4、标识符一般采用驼峰命名,比如nameAc、helloWolrd、xxYyZz
理论上所有的utf-8都能当标识符
P07字符串
JS中有六种数据类型
1.Number类型
Number类型包含整数和浮点数(浮点数数值必须包含一个小数点,且小数点后面至少有一位数字)两种值。
2.String类型
需要用引号引起来
3.Boolean类型
该类型只有两个值,true和false
4.Undefined类型
只有一个值,即undefined值。使用var声明了变量,但未给变量初始化值,那么这个变量的值就是undefined。
5.Null类型
null类型被看做空对象指针,前文说到null类型也是空的对象引用。
6.Object类型 (引用数据类型)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
/* String需要引号
// 使用单引号/双引号都可,但不能混着用
- 同一种类型的引号不能嵌套 */
var str="tt";
str="222"
console.log(str);
/* 但表示一些特殊符号时,可以用\进行转义(表示一个普通的符号)
\n 换行
\t 制表符tab
\" 表示“
\' 表示‘
\\ 表示 \
*/
str="你是\\狗\t\'哈哈";
alert(str); //输出变量str
// alert("str") //输出字面量str
</script>
</head>
<body>
</body>
</html>
alert("str") //输出字面量str