如何引用 JavaScript(学习笔记)
2018-04-25 本文已影响0人
Ashley2333
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>