什么是JavaScript
JavaScript是基于事件驱动和对象,并具备一定安全性的客户端(浏览器)脚本语言。
JavaScript基本介绍
JavaScript原名Livescript,诞生于1995年,当时网景公司(Netscape)开发了一款浏览器,需要一门浏览器脚本语言,所以布兰登·艾奇借鉴了C语言的基本语法,Java的数据结构,用时大概2周左右的时间开发出了此语言。
JavaScript组成
-
ECMAScript(核心js) :规范js的基本语法,变量,命名规范,数据类型,操作语言..
-
DOM(Document Object Model) 文档对象模型,简单的理解操作HTML结构
-
BOM(Browser Object Model) 浏览器对象模型 操作浏览器JavaScript书写位置
JavaScript书写位置
行内js:onclick:单击(点击)事件(鼠标左键)
<div style="width: 300px;height: 300px;background: linear-gradient(red,yellow);" onclick="alert('我会写js啦~~~~')"></div>
内嵌js:一般写到紧挨着body的结束标签,默认页面运行到浏览器默认是按照文档流(从上到下顺序)进行加载的。
<body>
<div></div>
<!--
内嵌js
<script>
js代码
</script>
一般写到紧挨着body的结束标签,默认页面运行到浏览器默认是按照文档流(从上到下顺序)进行加载的-->
<script>
// 当前代码执行完毕加;表示结束(这行代码到这里就结束了)
alert('holle word');
</script>
</body>
外部引入js:创建一个js文件,将代码写在js文件内,然后引入实现效果。
<script src="./test.js"></script>
JavaScript注释方法
单行注释://
快捷键方法:ctrl+/
多行注释:/* 注释内容 */
快捷键方法:ctrl+shift+/
JavaScript调试方式
输出调试:
alter弹窗:alter("内容");
控制台输出:console.log("内容");
带有输入的弹窗:promot("内容");
注意:内容要用单引号或双引号包起来,数字可以省略。
断点调试:
1.F12/鼠标右键检查 -> 控制台
2.点击Sources(资源) -> 找到要调试的文件->点击打开
3.在对应行号点击(打断点) -> 刷新页面
4.点击next(下一步),手动让代码执行
5.取消断点,再次点击对应行号就是取消断点
变量
变量基础:
概念:变量相当于在内存中开辟一块空间,给这块空间进行命名。
作用:存储值 和 代表值。
基本语法:var 变量值 = 值。
变量的命名规范:
1.驼峰命名法(约定俗成):
小驼峰:第一个有意义单词的首字母小写,其它有意义单词首字母都大写。
大驼峰:所有有意义单词首字母都大写。
2.可以由数字,字母,下划线,$组成,但是不能以数字开头。
3.不能使用关键字和保留字。
关键字:js中内置的名字。
保留字:未来有可能成为关键字的名字。
4.不能重复命名,后面的会对前面的进行覆盖。
变量的定义方式
基本语法:var 变量名 = 值;
var 变量名; 声明 (只是开辟一块空间起一个名字)
变量名 = 值; 定义 (给对应这块空间赋值)