1.<script>元素
在html中可以通过<script>元素插入javascript,插入方式有两种,一是直接html页面的<script>中直接写js代码,而是通过<script>的src属性引入外部js代码。在使用<script> 元素时需要注意,在html文档中必须有开始标签和结束标签,而对于xhtml文档,则可以单独使用结束标签。
<script>元素属性
<script>元素有以下6个属性
- async:表示立即下载js文件,只对外部js有效,示例为async="async"。
- charset:表示src指向的代码的字符集。
- defer:延迟执行。
- language:表示编写的代码的脚本语言,已废弃
- src:指向外部js文件的地址,既可以指向本地的,也可以指向远程的。
- type:可以认为是我们编写的js代码的内容类型,现在默认统一使用 type="text/javascript"。
2.<script>的位置
async和defer属性会影响<script>元素的执行顺序,在不使用这两个属性的情况下,代码是顺序执行的。传统的做法是将<script>元素放在head元素中,但这样会导致由于加载js,页面显示慢的问题,为了提升用户体验,推荐的做法是将<script>元素放在<body>元素中内容的最末尾。
3.文档模式
当前任何html文件都需要声明文档模式,对于html5来说,需要在开头添加 <!DOCTYPE html>
。