Javascript注意的地方有:
a.在包含外部JavaScript文件时,必须将src属性设置为指向相应文件的URL.而这个文件既可以是与包含它的页面位于同一服务器上的文件,也可以是其他任何域中的文件。
b.所有<script>元素都会按照它们中出现的先后顺序依次被解析。在不使用defer和async属性的情况下,只有在解析完前面<script>元素中的代码之后,才会开始解析后面<script>元素中的代码
c.由于浏览器会先解析玩不适用defer属性的script元素中的代码,然后再解析后面的内容,所以一帮应该把script元素放在页面最后,即主要内容后面,
d.使用defer属性可以让脚本在文档完全呈现之后子啊执行。延迟脚本总是按照指定他们的顺序执行。
e.使用async属性可以表示当前脚本不必等待其他脚本,也不必阻塞文档呈现。不能保证异步脚本按照他们在页面中出现的顺序执行
<script>元素的使用方式:
直接在页面中嵌入JavaScript代码
- <script>指定type属性
<script type="text/javascript">
function sayHi()
{ alert("Hi!"); }
</script>
包含外部JavaScript文件
- src属性就是必需的
<script type="text/javascript" src="example.js"></script>
需要注意的是,带有src属性的<script>元素不应该在其<script>和</script>标签之间再包含额外的JavaScript代码。如果包含了嵌入的代码,则只会下载并执行外部脚本文件,嵌入的代码会被忽略
- defer属性——2.1.2 延迟脚本
把延迟脚本放在页面底部仍然是最佳选择
- async属性——2.1.3 异步脚本
确保两者之间互不依赖非常重要