什么是JavaScript
1、JavaScript是运行在浏览器上的脚本语言。简称JS。
2、JavaScript是网景公司(NetScape)的布兰登艾奇(JavaScript之父)开发的,最初叫做LiveScript。
3、JavaScript不需要手动编译,浏览器直接打开解释执行。JS的“目标程序”以普通文本形式保存。这种语言叫做“脚本语言”。【Java的目标程序是字节码文件(.class)】
4、JS是一门事件驱动型的编程语言,依靠事件去驱动,然后执行对应的程序。JS中有很多事件,每个事件都对应一个事件句柄。【click对应onclick,事件句柄在事件前加on】,而事件句柄是以HTML标签的属性存在的。
5、一条JS语句结束后,分号可加可不加。
在HTML中嵌入JavaScript代码
第一种方式:事件句柄
语法结构
<input type="button" value="hello" οnclick="alert('hello js') />
执行原理
οnclick="js代码"的执行原理:
页面打开的时候,js代码并不会执行,只是把这段JS代码注册到按钮的click事件上了,等这个按钮发生click事件之后,注册在onclick后面的JS代码会被浏览器自动调用。
第二种方式:脚本块
语法结构
<script type="text/javascript">
window.alert('hello js')
</script>
执行原理
(1)在页面打开的时候执行,并且遵循自上而下的顺序依次逐行执行。(这个代码的执行不需要事件)
(2)脚本块的出现位置没有要求,并且可以出现多次。
第三种方式:引入外部独立的js文件
语法结构
<script type="text/javascript" src="js文件路径"></script>
执行原理
(1)js文件中的代码会遵循自上而下的顺序依次逐行执行。
(2)同一个js文件可以被引入多次,但实际开发中这种需求很少。
(3)结束标签不能省略。
(4)这种方式下,<script>代码</script> 中的代码不会执行。
弹出消息框
window.alert("hello js")
注:(1)在JS中有一个内置的对象为window,小写,代表的是浏览器对象,window对象有一个函数叫做:alert,用法是:window.alert("消息")。
(2)字符串可以用双引号也可以用单引号。(3)window.可以省略,直接使用alert("hello js")
(3)alert函数会阻塞HTML页面的加载,直到点击确定按钮。
JS注释
单行注释://
多行注释:/* */