2019-05-26 在html中使用javascript

1.<script>元素

  在html中可以通过<script>元素插入javascript,插入方式有两种,一是直接html页面的<script>中直接写js代码,而是通过<script>的src属性引入外部js代码。在使用<script> 元素时需要注意,在html文档中必须有开始标签和结束标签,而对于xhtml文档,则可以单独使用结束标签。

<script>元素属性

  <script>元素有以下6个属性

  1. async:表示立即下载js文件,只对外部js有效,示例为async="async"。
  2. charset:表示src指向的代码的字符集。
  3. defer:延迟执行。
  4. language:表示编写的代码的脚本语言,已废弃
  5. src:指向外部js文件的地址,既可以指向本地的,也可以指向远程的。
  6. type:可以认为是我们编写的js代码的内容类型,现在默认统一使用 type="text/javascript"。

2.<script>的位置

  async和defer属性会影响<script>元素的执行顺序,在不使用这两个属性的情况下,代码是顺序执行的。传统的做法是将<script>元素放在head元素中,但这样会导致由于加载js,页面显示慢的问题,为了提升用户体验,推荐的做法是将<script>元素放在<body>元素中内容的最末尾。

3.文档模式

当前任何html文件都需要声明文档模式,对于html5来说,需要在开头添加 <!DOCTYPE html>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容