读《高程3》系列之第二章---在HTML中使用script

时间 2019-11-10

标签高程3 系列第二 html 使用 script 栏目 HTML 繁體版

原文原文链接

1、script元素javascript

　　1，在html页面插入javascript的主要方法，就是利用<script>元素，并定义了以下5个属性（language属性被废弃）：html

　　　　*async:可选。表示应该当即下载脚本，但不妨碍也看但其余操做，好比下载其余资源或等待加载其余脚本。只对外部脚本文件有效；java

　　　　*charset：可选。表示经过src属性制定的代码的字符集。因为大多数浏览器会忽略它的值，所以不多用这个属性；程序员

　　　　*defer：可选。表示脚本能够延迟到文档彻底被解析和显示以后再执行，只对外部脚本文件有效。json

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

　　　　*type：可选。能够当作是language的替代属性；表示编写代码使用的脚本语言的内容类型（也称为MIME类型），默认值是text/javascript。浏览器

　　2，在使用<script>元素嵌入JavaScript代码时，只须要为<script>制定type属性。而后把代码放在元素内部便可，JavaScript代码将从上至下依次解释。解释器对<script>元素内部对全部代码值以前，页面中的其他内容都不会被浏览器加载或显示。只要不存在defer和async属性，浏览器都会按照<script>元素在页面中出现的前后顺序对他们依次进行解析。换句话说，在第一个<script>元素包含的代码解析完成后，第二个<script>包含的代码才会被解析，而后第三个，第四个。。。缓存

　　3，在JavaScript的代码中的任何地方都不能出现"<script>"字符串，都会报错。由于当浏览器遇到该字串时，就会认为那是</script>结束标签。要想解决问题，就要用"\"转义字符，如：alert（"<\/script>"）；async

　　4，若是经过<script>元素来包含外部的JavaScript文件，那么src属性是必需的，这个属性的值只想外部JavaScript文件的连接；与嵌入式的JavaScript代码同样，在解析外部文件时，页面的处理也会暂时中止。jsonp

　　5，在XHTML文档中，能够省略结束标签变成如：<script type="text/javascript" src=''/>;可是在HTML中不能这样使用，浏览器不能解析；

　　6，带有src属性的<script>元素不该该在其元素标签中间在添加额外的JavaScript代码。若是包含了嵌入的代码，则只会执行外部文件嵌入中间的文件则不会生效；

　　7，经过<script>元素的src属性还能够包含来自外部域的JavaScript文件，能够只想当前HTML页面所在域以外的某个域中的完整url，不受通源策略的影响；这一点和img元素很像。jsonp实现跨域请求就是利用了这个特性（后面再讲），不过，在请求不一样域文件时，可能被不怀好意的程序员给篡改文件，因此为了不，则要么你是那个域的全部者，要么那个域的全部者值得信赖；

　　8，因为<script>在代码所有下载好以前，在解析和执行完成之后，才能开始呈现页面的内容（浏览器在遇到<body>标签才开始呈现内容）；对于不少个JavaScript代码的页面来讲，会有明显的延迟，而延迟期的浏览器窗口将有一片空白，因此通常都会把<script>放在body底部；

　　9，在HTML中嵌入JavaScript代码虽然没有问题，但通常认为最好但作法仍是尽量使用外部文件来包含JavaScript代码，这不是硬性规定，只是由于它有以下但优势：

　　　　*可维护性；

　　　　*可缓存；

　　　　*适应将来；