在html中使用js

在html中使用js

简介:第二章,介绍在html中使用javascript


sctipt 元素

<script>标签用于向HTML中插入 Javascript 代码;

  1. 属性
  • async: 可选。表示立即下载脚本,但不妨碍页面中的其他操作。只对外部脚本有效;
  • charset: 可选。极少用;
  • defer: 可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本有效;
  • language:已废弃。
  • src: 可选。外部脚本路径;
  • text: 可选。默认‘text/language’;
  1. 位置:
  • 推荐放在<body>元素中页面内容的后部,防止浏览器呈现页面出现延迟。
  • 放在<head>元素中,使用 defer 属性,延迟外部脚本的加载执行。
  1. 异步脚本
    标记为 async 的脚本并不保证按照指定它们的先后顺序执行,所以确保脚本之间不互相依赖非常重要;
    async 属性的目的是不让页面等待两个脚本下载和执行,从而异步加载页面其他内容。建议异步脚本不要在加载期间修改 DOM;
    异步脚本一定会在页面的 load 事件前执行,但可能会在 DOMContentLoaded 事件触发之前或之后执行。

文档模式

文档模式的概念通过使用文档类型 doctype 切换实现。

  1. 混杂模式:会让 IE 的行为与(包含非标准特性的)IE5 相同;
  2. 标准模式:让 IE 的行为更接近标准行为

两种模式主要影响 CSS 内容的呈现

noscript元素

<noscript>元素用于当浏览器不支持 JavaScript 时如何让页面平稳地退化;
包含在<noscript>元素中的内容只有在下列情况下才会显示出来:

  • 浏览器不支持脚本;
  • 浏览器支持脚本,但脚本被禁用。

本文标题:在html中使用js

文章作者:AngellinaZ

发布时间:2018年11月07日 - 10:11

最后更新:2018年11月21日 - 10:11

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

-------------本文结束感谢您的阅读-------------