JavaScript引入方式及常用输出语句

没有准备好就不要开始，开始了就不要轻易放弃

JavaScript语言有很多语法概念，如函数，事件，对象等；这些内容相对复杂,关联性强。

一. JavaScript 引入方式

在编写网页时使用JavaScript 语言，可以使用嵌入式，外链式，行内式这三种方式来引入JavaScript代码。

1. 嵌入式

嵌入式就是使用<script> 标签包裹代码，直接编写在HTML文件中。我们参照如下实例：

<script>JavaScript 语句</script>

<script type="text / javascript">JavaScript 语句</script>

<script>标签的type属性用于告知浏览器脚本的类型。当然在HTML5中可以省略type属性。

2.外链式

外链式是指将 JavaScript 代码保存一个单独是文件中，通常使用“js”作为文件的扩展名，然后使用·<script>·标签的src 属性引入文件。我们参照如下实例：

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异步加载

异步加载可以解决阻塞问题对页面造成的影响
（1）async
async用于异步加载，先下载文件，不阻塞其他代码执行，下载完成后再执行。

<script src="http://js.test/flie.js" async></script>

（2）defer
defer 用于延后执行，即先下载文件，知道网页加载完成后再执行。

<script src="http://js.test/flie.js" defer></script>