＜script＞元素

最新推荐文章于 2024-05-10 09:26:51 发布

cake_eat

最新推荐文章于 2024-05-10 09:26:51 发布

阅读量157

点赞数

分类专栏： JavaScript 文章标签： html javascript js

本文链接：https://blog.csdn.net/cake_eat/article/details/108609836

版权

JavaScript 专栏收录该内容

94 篇文章 1 订阅

订阅专栏

<script>元素的6个属性：

async[æˈsɪŋk]：表示立即下载脚本，但不应妨碍页面的其他操作，比如下载其他资源或等待加载其他脚本。只对外部脚本文件有效。

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

src：包含要执行的外部文件。

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

language：已废弃。原来用于表示编写代码使用的脚本语言。

type：可以看成是language的代替属性，表示编写代码使用的脚本语言的内容类型（也被称为MIME类型），默认值是text / javascript。(MIME(Multipurpose Internet Mail Extensions)多用途互联网邮件扩展类型。是设定某种扩展名的文件用一种应用程序来打开的方式类型，当该扩展名文件被访问的时候，浏览器会自动使用指定应用程序来打开。多用于指定一些客户端自定义的文件名，以及一些媒体文件打开方式。)

<script>使用时注意事项：

（1）在使用<script>嵌入JavaScript代码，不要在代码的任何地方出现</script>字符串，因为当浏览器遇到字符串</script>的时候会认为那是\结束的标签。而通过转义字符‘\’可以解决这个问题。例如：

<script type="text/javascript">    
 function printScript(){
          alert("<\/script>");   
            } 
 </script>

（2）在解析外部JavaScript文件时，页面的处理会暂时停止。
（3）带有src属性的<script>元素不应该在其标签间再包含额外的JavaScript代码。因为只会下载和执行外部脚本文件，这些嵌入的代码会被忽略。
（4）只要不存在 defer 和 async 属性，浏览器都会按照<script>元素在页面中出现的先后顺序对它们依次进行解析。
（5）在文档的<head>元素中包含所有 JavaScript文件，意味着必须等到全部 JavaScript代码都被下载、解析和执行完成以后，才能开始呈现页面的内容，这无疑会导致浏览器在呈现页面时出现明显的延迟，而延迟期间的浏览器窗口中将是一片空白。为了避免这个问题，现代 Web 应用程序一般都把全部 JavaScript引用放在<body>元素中页面内容的后面