第2节 如何使用JavaScript

说起使用JavaScript,无非就是引入一个js文件,似乎也没什么太多要学习的。但是书中还是讲了挺多东西,因此也要好好学习一番,不能忽略这些基本的知识啊。

<script>元素

在页面中插入JavaScript,主要使用<script>元素,现在来了解一下它都有哪些属性吧

  • async:表示应该立即下载脚本,但不应该妨碍页面中其他操作。可选
  • defer:表示脚本可以延迟到文档完全被解析后在执行。可选
  •  language:表示编写代码使用的脚本语言。已废弃
  •  src:表示包含执行代码的外部文件。可选
  • type:表示脚本语言的类内容类型。可选

    PS

  1.  <script>元素可以内嵌代码,也可以引入外部文件
  2.  <script>元素引入外部文件后,就不要在标签里内嵌代码
  3.  <script>元素内嵌的代码中不要出现字符串"</script>",可以通过转义字符解决。

<noscript>元素

  1.     早期许多浏览器不支持javascript,怎么让页面平稳退化成为问题。
  2.     于是就有了这个元素,这个元素只有在浏览器不支持脚本或脚本被禁用的情况下才会显示。
  3.     不过现在的浏览器都支持javascript了,所以也很少用。

引入的位置

  1.     JS文件的引入按顺序引入,因此有相关联的JS注意引入顺序
  2.     传统一般都把js的引入放在<head>标签中,但是为了防止页面短暂的空白,可以把js的引入放在最后面,让内容先完全呈现出来。

引入外部文件的好处

  1.     可维护性:如果大部分的js代码写在HTML页面中,对于修改来说是非常困难的。但是把所有的javascript文件放在一起,维护起来就会轻松许多。
  2.     可缓存:如果多个页面使用了相同的外部文件,浏览器只需要将这个文件下载一次,减少了加载时间。

学习总结

 学习这个章节,主要就是明白了一些引用js文件时需要注意的地方,也更深入了了解了<script>这个元素的使用方法,每天进步一点点,加油。
 

猜你喜欢

转载自blog.csdn.net/kelinfeng16/article/details/81462247