一、引用js
1.最好的做法。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p>html文档</p>
<script type="text/javascript">
</script>
</body>
</html>
<script>标签位于html文档的最后,</body>之前。这样可以使浏览器更好的加载页面。
2.外部文件
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="j.js">
</script>
</head>
<body>
<p>html文档</p>
</body>
</html>
这里你需要提前编写好你的就是文件,然后通过语句直接引用就好了。用src属性指向它。这里的<script>标签放在head里是比较典型的做法,你也可以把它放在body里。
3.类似<style>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
//这里写你的js代码
</script>
</head>
<body>
<p>html文档</p>
</body>
</html>
熟悉css的读者不难发现,这种写法基本和css引用的那种方法是一致的。
4.注意事项
使用<script>嵌入JS代码时,按照解析规则,代码中任何地方不要出现</script>,这会导致解析代码时产生错误。我们可以通过转义字符\"来解决.
另外,请注意图中划线部分
二、几种脚本
这里介绍的脚本都必须以外部文件的形式引用。
1.延迟脚本
这里说一下。script一词的汉语解释——脚本,defer——拖延推迟。设着defer属性,相当于告诉浏览器延迟执行js文件(但是会立即下载)。因为现实中我们无法判断延迟脚本的运行顺序,所以最好只设置了一个。
2.异步脚本
与defer类似的使用方法,同样地,async——异步的。多个脚本也不能保证按顺序执行,所以你需要确保设置的连个js文件互不依赖。这个属性的目的是让页面等待脚本的执行,从而异步加载页面的其他内容。
三、补充
注释有两种方式,单行“//”;多行“/**/”。
语句后最好加上分号。