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


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

        *可维护性;

        *可缓存;

        *适应未来;

  • 相关阅读:
    jekins构建自动化项目的步骤
    CRT 和mysql 中文乱码解决方式
    Jenkins的配置(rpm red hat方式)
    MapReduce job.setNumReduceTasks(0)思考
    浏览器angent分析工具
    npm中的 --save-dev
    computed与methods的异同
    JS函数种类详解
    Vue.js和Nodejs的关系
    AJAX复习笔记
  • 原文地址:https://www.cnblogs.com/thomas-yang-github/p/11657908.html
Copyright © 2020-2023  润新知