「这是我参与2022首次更文挑战的第5天，活动详情查看：2022首次更文挑战」
没有准备好就不要开始，开始了就不要轻易放弃
JavaScript语言有很多语法概念，如函数，事件，对象等；这些内容相对复杂,关联性强。
一. JavaScript 引入方式
在编写网页时使用JavaScript 语言，可以使用嵌入式，外链式，行内式这三种方式来引入JavaScript代码。
1. 嵌入式
嵌入式就是使用<script> 标签包裹代码，直接编写在HTML文件中。我们参照如下实例：
<script>JavaScript 语句</script>
<script type="text / javascript">JavaScript 语句</script>
<script>标签的type属性用于告知浏览器脚本的类型。当然在HTML5中可以省略type属性。
2.外链式
外链式是指将 JavaScript 代码保存一个单独是文件中，通常使用“js”作为文件的扩展名，然后使用·
HTML文件 ...
<script src="js/test.js"></script>...
js/test.js 文件 ... alret('hello'); ...
如上：src属性是一个文件路径或url 地址。 文件路径可以是 相对路径 绝对路径 url地址
3.行内式
行内式是将JavaScript代码作为HTML标签的属性值使用。例如：单击按钮弹出提示框：
<a href="javascript:alert('hello');">test</a>
JavaScript 还可以写在HTML标签的事件属性中，事件是JavaScript 中的一种机制，例如，单击按钮弹出提示框，实例如下：
<input type="button" onclick="alert('hello');" value="test">
二.JavaScript异步加载
在引入JavaScript代码时，无论使用内嵌式还是外链式，页面的下载和渲染都会暂停，等待脚本执行完成后继续，对于外链式，由于页面加载脚本文件会阻塞其他资源的下载，因此对于不需要提前执行的代码，将script放在body标签的底部可以减少对整个页面下载的影响。
异步加载可以解决阻塞问题对页面造成的影响
（1）async
async用于异步加载，先下载文件，不阻塞其他代码执行，下载完成后再执行。
<script src="http://js.test/flie.js" async></script>
（2）defer defer 用于延后执行，即先下载文件，知道网页加载完成后再执行。
<script src="http://js.test/flie.js" defer></script>
三.常用输出语句
利用输出语句可以输出一段代码的执行结果，在学习 JavaScript 的过程中会经常用到输出语句。因此，接下来为大家介绍3个常用的输出语句。
1. alert()
alert() 用于弹出一个警告框，确保用户可以看到某些信息。利用alert()可以很方便的输出一个结果，经常用来测试程序。
2.console.log()
console.log()用于在浏览器的控制台中输出内容。例如，在hello.html 中编写如下代码。
consol.log('你好！')；
3.document.write()
document.write() 用于在HTML文档页面输出内容。实例如下：
document.write('你好！')；
数据运算
1.数学运算
JavaScript 支持加(+) 减(-) 乘(*) 除(/) 四则运算
2.比较两个数字的大小
通过计算可以比较两个数字的大小，如下实例：
alert(11>22); alert(11<22); alert(11 == 22); alert(11 == 11);
输出结果为true 或 false ，布尔值类型值。
3.使用字符串保存数据
将需要输出的内容用单引号或双引号包裹，则这些数据就是字符串
alert('hello'); alert("hello");
4.比较两个字符串是否相同
"==" 运算符可以比较两个字符串是否相同，如下：
alert('22' == '22'); //返回：true alert('22' == '11'); //返回：false
5.字符串与数字的拼接
使用“+” 运算符可以将两个或多个字符串拼接，
6.根据比较结构执行不同的代码
比较结果需要使用 if...else 语句，判断执行符合条件的语句，如下：
if(11>22){ alert('true'); }else{ alert(‘false’); }
输出结果为false。
