序
说起使用JavaScript,无非就是引入一个js文件,似乎也没什么太多要学习的。但是书中还是讲了挺多东西,因此也要好好学习一番,不能忽略这些基本的知识啊。
<script>元素
在页面中插入JavaScript,主要使用<script>元素,现在来了解一下它都有哪些属性吧
- async:表示应该立即下载脚本,但不应该妨碍页面中其他操作。可选
- defer:表示脚本可以延迟到文档完全被解析后在执行。可选
- language:表示编写代码使用的脚本语言。已废弃
- src:表示包含执行代码的外部文件。可选
- type:表示脚本语言的类内容类型。可选
PS
- <script>元素可以内嵌代码,也可以引入外部文件
- <script>元素引入外部文件后,就不要在标签里内嵌代码
- <script>元素内嵌的代码中不要出现字符串"</script>",可以通过转义字符解决。
<noscript>元素
- 早期许多浏览器不支持javascript,怎么让页面平稳退化成为问题。
- 于是就有了这个元素,这个元素只有在浏览器不支持脚本或脚本被禁用的情况下才会显示。
- 不过现在的浏览器都支持javascript了,所以也很少用。
引入的位置
- JS文件的引入按顺序引入,因此有相关联的JS注意引入顺序
- 传统一般都把js的引入放在<head>标签中,但是为了防止页面短暂的空白,可以把js的引入放在最后面,让内容先完全呈现出来。
引入外部文件的好处
- 可维护性:如果大部分的js代码写在HTML页面中,对于修改来说是非常困难的。但是把所有的javascript文件放在一起,维护起来就会轻松许多。
- 可缓存:如果多个页面使用了相同的外部文件,浏览器只需要将这个文件下载一次,减少了加载时间。
学习总结
学习这个章节,主要就是明白了一些引用js文件时需要注意的地方,也更深入了了解了<script>这个元素的使用方法,每天进步一点点,加油。