美文网首页
如何引用 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