JavaScript的简介：
1.要实现的功能：
用户点击以下按钮，弹出消息框，JS是一种实现浏览器动态、互动的。
2.JS是一门事件驱动型的编程语言，依靠事件去驱动，然后执行对应的程序。
在JS中有很多事件，其中有一个事件叫做：鼠标单击，单词：click.并且任何事件都会对应一个事件句柄叫做：onclick。
【注意：事件和事件句柄的区别 是：事件句柄是在事件单词前添加一个on。】而事件句柄是以HTML标签的属性存在。
3.οnclick=“js代码”，执行原理是什么？
页面打开的时候，js代码并不会执行，只是把这段js代码注册到按钮的click事件上了。
等这个按钮发生click事件之后，注册在onclick后面的js代码会被浏览器自动调用。
4.怎么使用JS代码弹出消息框？
在js中有个内置的对象叫做window，全部小写，可以直接拿来使用，window代表的是浏览器
window对象有一个函数叫做：alert，用法是：window.alert(“消息”); 这样就可以弹窗了。
5.JS中的字符串可以使用双引号，也可以使用单引号; JS中的一条语句结束之后可以使用分号";",也可以不用。
外面单引号，里面双引号，反之。
第一种方式：window.alert
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML中嵌入JS代码的第一种方式:window.alert("消息");</title>
</head>
<body>
<input onclick="window.alert('hello js')"/><!--虽然没按钮键，但这个也要点框-->
<input type="button" value="hello" onclick='window.alert("hello jscode")'/>
<!--可以写多行window.alert语句-->
<input type="button" value="hello" onclick="window.alert('hello 张三');
window.alert('hello lisi');
window.alert('hello wangwu')"/>
<!--window可以省略-->
<input type="button" value="hello" onclick="alert('hello 张三');
alert('hello lisi');
alert('hello wangwu')"/>
</body>
</html>
第二种方式：脚本块的方式
第二种方式：脚本块的方式
1.暴露在脚本块当中的程序，在页面打开的时候就执行，并且遵循自上而下的顺序依次逐行执行。（这个代码的执行不需要事件。）
2.javascript的脚本块在一个页面中可以出现多次，也可以出现在任何位置，随意，没有要求。
<script type="text/javascript">
window.alert('出现在最上面');
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML中嵌入JS代码的第二种方式</title>
<script type="text/javascript">
window.alert('出现在head');
</script>
</head>
<body>
<input type="button" value="你好">
<script type="text/javascript">
window.alert('hello world');
window.alert('hello world123');
window.alert('hello JAVA');
</script>
<input type="button" value="登录">
</body>
</html>
<script type="text/javascript">
window.alert('出现在最下面');
</script>
第三种方式：js脚本文件,src=路径
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML中嵌入JS代码的第三种方式:引入外部独立的js文件</title>
</head>
<body>
<!--
1.在需要的位置引入js脚本文件,src=路径;
2.引入外部独立的js文件的时候，js文件中的代码会遵循自上而下的顺序依次逐行执行
3.同一个js文件可以被引入多次
-->
<script type="text/javascript" src="1.js"></script>
<script type="text/javascript" src="1.js">
//这里写的代码不会执行
//window.alert("test");
</script>
<script type="text/javascript">
//alert函数具有阻塞的作用，第二次需要按确定
window.alert("哈哈哈哈");//这个行，这个就是第二种方式：脚本块
</script>
</body>
</html>
1.js文件
window.alert("hello 你好");
window.alert("hello ");
window.alert("我是重化工");
