| 如何在HTML中使用JavaScript | 您所在的位置：网站首页 › js外链式格式 › 如何在HTML中使用JavaScript |
|
当我们想将js脚本放入网页中时，我们无一例外的总是会想到HTML。 在如何使用JavaScript之前，我们需要先了解元素，其定义了6个属性 async：可选。表示应该立即下载脚本，但是不应妨碍页面中的其他操作。在XHMTL总，要将async设置为async=“async”。异步脚本一定在页面的load事件前执行，但可能会在DMOContenLoaded事件出发之前或之后执行。charset：可选。表示通过src属性指定的代码的字符集defer： 可选。表示脚本可以延迟到文档完全被解析和显示之后再执行，只对外部脚本有效。在XHTML文档中，要将defer属性设置为defer=“defer”src：可选，表示要执行的代码的外部文件。language：已废弃type：可选。可选值为text/javascript，text/ecmascript、application/x-javascript.默认值为text/javascript那么如何使用元素呢？有两种方式 直接在页面中嵌入JavaScript代码 function myFunction(argument) { alert("内部嵌入JavaScript代码") }注意： （1）因为按照解析嵌入式代码的规则，当浏览器遇到字符串""时，就会认为那是结束的标签。所以我们需要通过转义字符""解决这个问题。 function myFunction(argument) { alert("") } 包含外部JavaScript文件，通过script元素的src属性，这个属性指向外部JavaScript文件的链接在解析外部文件时，页面的处理会暂停。 带有src属性的script标签之间不应再出现js嵌入的代码。如果包含有将会被忽略。 注意：标签的位置 按照传统的做法，是将标签放在head标签下。但是这意味着必须等到全部js代码被下载、解析和执行完成以后才开始呈现页面内容（ 因为浏览器在遇到body标签时才开始呈现页面内容），这对于js代码很多的页面来说，无疑会造成页面显示的明显延迟，延迟期间页面一片空白。 所以为了避免这个问题，我们规定将所有的JavaScript代码放在元素中页面内容的后面。如： 这里是页面内容，最后放JavaScript代码 defer属性的用途是表明脚本在执行时不影响页面的构造即脚本在页面解析借书之后才开始解析执行。设置此属性相当于告诉浏览器立即下载js脚本，但是延后执行。这个属性只适合外部脚本。 但是延迟脚本不一定会按照顺序执行，因为最好只包含一个延迟脚本。所以将延迟脚本放在页面底部仍是最佳选择总结：我们推荐 使用引入外部文件的方式使用js脚本 包含外部文件时，必须将src属性指向为外部脚本的路径在不使用defer和async属性情况下，所有的脚本按照顺序解析执行将js脚本引入放在页面最底部为最佳选择使用defer属性脚本立即下载，延后执行使用async属性表示当前脚本不比等待其他脚本，不能保证脚本的执行顺序最后，欢迎大家关注公众号——GISerJu |
| 今日新闻 |
| 推荐新闻 |
| 专题文章 |
| CopyRight 2018-2019 实验室设备网 版权所有 |