1. 在html中使用javascript
向html内部插入javascript的主要方法就是使用<script>元素
使用<script>的方式有两种,直接在页面里面包含和从外部使用
在内部使用时只需要在<script>元素中指定type属性
需要注意的是在使用<script>元素的时候不能出现</script>的字符串,当浏览器遇到这个标签的时候就以为是结束的标志,所以在使用的时候要加转义字符。比如
<script type="text/javascript>
function say(){
alert("</script>");//会出错 要变成alert("<\/script>");
}
</script>
在外部使用script文件时,需要指明路径用到src属性,而且在使用<script>元素时,最好以</script>结尾,<script />的格式是受到xhtml的支持的,但是不会受到html文档的支持,并且在IE浏览器里面不能正确解析。
在<script>元素之间不能有带src属性的<script>的元素,因为在浏览器解析的时候,只会解析外部文件,内部文件会被直接忽略掉。
src属性可以使用外部的url
如果包含多个<script>元素,则在解析的时候会按照元素顺序解析。 ps:如果不包含defer和async属性
<script>元素的位置一开始是放在<head>元素内的,但是如果<head>包含js文件就意味着,必须下载完文件才能呈现内容,所以会导致延迟,现在把js文件放在<body>元素内,内容后面的话就可以解决这些问题。
defer属性会延迟js文件在内容加载后下载,但是如果多个文件都有这个属性的话,顺序依然是按照排列顺序执行解析。
async属性是异步,也可以延迟脚本执行,但并不保证顺序。