美文网首页
如何引用 JavaScript(学习笔记)

如何引用 JavaScript(学习笔记)

作者: Ashley2333 | 来源:发表于2018-04-25 17:15 被阅读0次

    HTML:内容
    CSS:样式
    JavaScript:行为

    在HTML文档中加入样式:

    • 在某一个标签中加入style属性,写上CSS样式
      <p style="font-size:16px"><p/>
    • 将不同选择器的样式写在HTML文档head中的<style>//some css attributes</style>标签下
    • 在HTML文档中的head下加入link标签外链CSS文件
      <link rel="stylesheet" type="text/css" href="//path to css file">

    在HTML文档中引入JavaScript

    • 内部引用
      通过HTML文档内的script标签加载JavaScript代码
    <script type="text/javascript">
      document.write("Hello World!");
    </script>
    
    • 外部引用
      advantages:
      可维护性、可缓存、适应未来

    使用script标签的src属性,指向外部JavaScript文件的路径

    <script src="./main.js" />
    

    防止加载缓慢:把非关键的JavaScript放到网页最后,即主要内容后面,</body>元素的前面

    // other code ...    
        <script type="text/javascript" src="./main.js"></script>
      </body>
    </html>
    

    相关文章

      网友评论

          本文标题:如何引用 JavaScript(学习笔记)

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