美文网首页
2019-05-26 在html中使用javascript

2019-05-26 在html中使用javascript

作者: 杯里的奶糖 | 来源:发表于2019-05-26 21:04 被阅读0次

    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>

    相关文章

      网友评论

          本文标题:2019-05-26 在html中使用javascript

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