美文网首页
HTML中使用JS——script标签

HTML中使用JS——script标签

作者: 梅子_may | 来源:发表于2018-08-23 13:34 被阅读0次

1. <script>标签或元素,属性有6个,都是可选的:srcasync(立即下载脚本,外部文件有效),defer(立即下载脚稍后执行,文档完全被解析和显示后执行,外部文件有效),charset(很多浏览器会忽略),type(默认text/javascript),language(已废弃)。

2.script标签内的代码任何位置不要出现"</script>",若必须,则使用转移字符“\”,如“<\/script>”。

3. 带有src属性的script,在<script></script>之间的嵌入代码被忽略,只执行外部代码。即使没有src的属性值,甚至没有等号和引号,如<script src></script>,也会忽略嵌入代码。

4.(这部分理解不透彻)延迟脚本(含defer属性)和异步脚本(含async属性)都是立即下载脚本、异步执行脚本。但是1). 前者是等遇到</html>开始执行;2). 后者虽然与页面渲染异步、但它是下载完就暂停渲染页面来执行脚本。3). 对于不加defer和async属性的脚本,立即下载并执行,执行完后才加载或执行它后面的标签(与async不同)。

HTML5规定延迟脚本先于DOMContentLoaded事件执行,且各延迟脚本顺序执行,但实际情况并不一定如此。异步脚本一定会在load事件前执行,但可能在DOMContentLoaded事件触发前或后执行。

延迟脚本和异步脚本中都不能修改DOM,如使用document.write等。

5. 把有些脚本放到<body>中的末尾、而不是<head>中,目的是使页面在这些脚本之前就解析和渲染,而不会因加载、解析和执行这些脚本使浏览器呈现页面时出现明显延迟、页面空白的情况。先呈现页面内容会使人感觉页面加载快,用户体验更好。

6. 使用外部脚本文件的优点:1). 可维护性提高;2). 可缓存文件、3). 重复使用的脚本只需下载一次;4). XHTML与HTML对于外部脚本文件的语法是一样的,不用特别注意XHTML中的规则。

7. 文档模式有三种:标准模式、准标准模式、混杂模式。准标准模式与标准模式差异很小,故标准模式有时泛指这两种。若文档开始出没有文档类型声明,则默认开启混杂模式混杂模式在不同浏览器差异非常大,混杂模式下的不同浏览器很难做到页面一致。

8.<noscript></noscript>在两种情况下noscript中的内容会显示(其他时候不显示):1).浏览器不支持脚本;2).浏览器支持脚本,但脚本被禁用。noscript中可以包含除script的任何能出现在<body>中的元素。

相关文章

  • JavaScript高级程序设计读书笔记(二)之在HTML中使用

    向HTML文件中插入js就要使用标签在html网页文档中插入javascript代...

  • 第二章 在html中使用js

    1在html 中的使用js有三种方法 1.1 在html 用script 标签直接把js代码加到html文件中 1...

  • JS基础

    CSS和JS在网页中的放置顺序是怎样的? CSS应该使用link标签引用在html顶部 JS应该用script标签...

  • 枫子翰专属JavaScript笔记

    未完成 引入JS的方式 在HTML中直接引入: JS代码 使用script标签导入JS文件: 使用lin...

  • script标签使用和输出语句(二)

    目录: script标签 输出语句 一、script标签 在html中直接写: 2. 创建js文件与html文件分...

  • 2.在HTML中使用JavaScript

    1. script元素 向HTML中插入JavaScript的主要方法,就是使用script标签 HTML 4.0...

  • 前端js学习之旅之 认识js

    1:JavaScript代码的位置 html中的js代码必须放在script标签里面,可以放在HTML...

  • js之间相互调用方法

    介绍:一个html,2个js文件,html分别引入2个js文件。在html文件中创建script标签,可以无阻碍调...

  • js知识点总结(1)

    js的声明和引入: 1.在head标签中使用script标签声明js代码域 2.在head标签中使用script标...

网友评论

      本文标题:HTML中使用JS——script标签

      本文链接:https://www.haomeiwen.com/subject/edvpiftx.html