html与javascript的结合方式,JavaScript与HTML的结合方式

作者：华清远见讲师

向HTML页面中插入JavaScript的主要方法，就是使用

script元素的属性：

async：可选。表示应该立即下载脚本，但不应妨碍页面中的其他操作，比如下载替他资源或等待加载其他脚本。只对外部脚本文件有效。

charset：可选。表示通过src属性指定的代码的字符集

defer：可选。表示脚本可以延迟到文档完全被解析和显示之后在执行。只对外部脚本文件有效

src：可选。表示包含要执行代码的外部文件。

type：可选。可以看成是language的替代属性，表示编写代码使用的脚本语言的内容类型。默认值以及通常情况下的使用值：text/javascript。

script元素的使用方式：

一：直接在页面中嵌入JavaScript代码。

二：包含外部JavaScript文件。

注意：

带有src属性的

标签的位置：

传统做法：所有

缺点：对于那些需要很多JavaScript代码的页面来说，这无疑会导致浏览器在呈现页面时出现明显的延迟，而延迟期间的浏览器窗口将会是一片空白。

现代做法：一般会把全部JavaScript引用放在

元素中页面内容的后面。

延迟脚本：

defer属性只适用于外部脚本。

异步脚本：

HTML5为

问题：并不是所有的浏览器都支持JavaScript？

解释：不支持的浏览器会把

解决方式：给脚本加上HTML注释。

原理：不支持JavaScript的浏览器会忽略

引用外部文件的好处：

可维护性：可以再不触及HTML的情况下，集中精力编辑JavaScript代码。

可缓存  ：如果有多个页面都需要使用同一个文件，那么这个文件只需要下载一次。加快页面加载的速度。

适应未来：无需使用前面提到的注释hack。

元素：

可以解决浏览器不支持JavaScript时，页面平稳地退化。

当出现以下情况之一时

中的内容才会呈现出来，否则永远也不会显示：

浏览器不支持JavaScript。

浏览器支持脚本，但脚本被禁用。

文章选自华清远见嵌入式培训