第二章Javascript的HelloWorld
最后更新于：2022-04-01 04:58:44
#第二章Javascript的HelloWorld
讲师：_无脑码农(张磊)_
博客：http://www.h5code.com
课程内容：
[TOC]
* * * * *
###1.>创建一张 HTML页面
>以前很多教材使用XHTML1.1来讲解JavaScript课程。但现在HTML5标准已经比较成熟，所以我们这里学习就直接使用HTML5的标准模板来学习。
`<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>`
>页面创建好后，编写一个最简单的JavaScript 脚本（简称JS 脚本）。注意网页的编码格式及文件存储的编码。
###2.> `<Script>`标签解析
>`<script>xxx</script>`这组标签，是用于在html 页面中插入js 的主要方法。它主要有以下
几个属性：
1. charset：可选。表示通过src属性指定的字符集。由于大多数浏览器忽略它，所以很少有人用它。
2. defer：可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。由于大多数浏览器不支持，故很少用。
3. language：已废弃。原来用于代码使用的脚本语言。由于大多数浏览器忽略它，所以不要用了。
4. src：可选。表示包含要执行代码的外部文件。
5. type：必需。可以看作是language的替代品。表示代码使用的脚本语言的内容类型。范例：type="text/javascript"。
~~~
<script type="text/javascript">
alert('HelloWorld');
</script>
~~~
###3.> Javascript代码嵌入
>如果你想弹出一个</script>标签的字符串，那么浏览器会误解成JS 代码已经结束了。解决的方法，就是把字符串分成两个部分，通过连接符‘+’来连接。
~~~
<script type="text/javascript">
alert('</scr'+'ipt>');
</script>
~~~
>一般来说，JS 代码越来越庞大的时候，我们最好把他另存为一个.js 文件，通过src 引入即可。它还具有维护性高、可缓存(加载一次，无需加载)、方便未来扩展的特点。
`<script type="text/javascript" src="demo.js"></script>`
>这样标签内就没有任何JS代码了。但，要注意的是，虽然没有任何代码，也不能用单标签：
`<script type="text/javascript" src="demo.js" />`
>也不能在里面添加任何代码：
`<script type="text/javascript" src="demo.js">alert('放到这里，执行不到！')</script>`
>按照常规，我们会把<script>标签存放到`<head>...</head>`之间。但有时也会放在body之间。