码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-10-12 01:14:23      阅读:109      评论:0      收藏:0      [点我收藏+]

标签:操作   顺序   就是   color   一点   策略   java   出现   代码解析   

一、script元素

  1,在html页面插入javascript的主要方法,就是利用<script>元素,并定义了如下5个属性(language属性被废弃):

    *async:可选。表示应该立即下载脚本,但不妨碍也看但其他操作,比如下载其他资源或等待加载其他脚本。只对外部脚本文件有效;

    *charset:可选。表示通过src属性制定的代码的字符集。由于大多数浏览器会忽略它的值,因此很少用这个属性;

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

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

    *type:可选。可以看成是language的替代属性;表示编写代码使用的脚本语言的内容类型(也称为MIME类型),默认值是text/javascript。

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

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

  4,如果通过<script>元素来包含外部的JavaScript文件,那么src属性是必需的,这个属性的值只想外部JavaScript文件的链接;与嵌入式的JavaScript代码一样,在解析外部文件时,页面的处理也会暂时停止。

  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代码,这不是硬性规定,只是因为它有如下但优点:

    *可维护性;

    *可缓存;

    *适应未来;

 

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

标签:操作   顺序   就是   color   一点   策略   java   出现   代码解析   

原文地址:https://www.cnblogs.com/thomas-yang-github/p/11657908.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!