1. HelloWorld
概念： 我们来写一个JS版的HelloWorld程序，首先在HTML中开辟一块专门编写JS代码的区域，使用 <script> 标签声明，位置随意，建议写在 <body> 中的最后位置。
脚本： HelloWorld代码
<script type="text/javascript">
/*加载函数*/
window.onload = () => {
console.log("HelloWorld!");
};
</script>
复制代码总结：
- JS中建议使用
/* */的格式来使用注释。 window.onload = () => {}是ES6中的加载函数的写法，其中的代码，会在页面全部元素（DOM、图片、视频等）加载完毕后再执行，window关键字可以省略。console.log()是JS中的输出语句，可以在浏览器端右键检查，选择console选项卡来查看输出结果。- 如果你的IDE不支持ECMAScript6的箭头函数，可以尝试如下改动并重启。
谷歌浏览器如果右上角爆出和icon有关的错误，请在 `<head>` 中添加 `<link rel="shortcut icon" href="#"/>`
2. 多个加载函数效果
概念： 如果存在多个加载函数，则后面的加载函数会覆盖之前的加载函数。
脚本： HelloWorld代码
<script type="text/javascript">
window.onload = () => {
console.log("HelloWorld01!");
};
window.onload = () => {
console.log("HelloWorld02!");
};
window.onload = () => {
console.log("HelloWorld03!");
};
</script>
复制代码3. 使用外部的JS文件
概念： 我们建议将JS代码单独写在一个外部.js文件中，然后在HTML中使用 <script> 中的src属性引入它，达到内容和行为的分离解耦。
脚本： index.js中的HelloWorld代码内容。
window.onload = () => {
console.log("HelloWorld!");
};
复制代码布局： 引入外部的js文件
<script src="index.js" type="text/javascript"></script>
复制代码4. 使用JS获取浏览器信息
概念： 我们可以使用 window.navigator.userAgent 来查看当前浏览器的版本信息。
脚本：
/* 此时不要写<script>，因为<script>是HTML语言的标签*/
window.onload = () => {
console.log(navigator.userAgent);
};
复制代码