我认为这个为期21天的码拉松要求产出7篇博客实在有点多,最好是7天一篇,这样可以挑一些精品的内容来写。
JavaScript在HTML中的应用
有两种方式在HTML中应用JavaScript
直接在页面中嵌入代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>title</title>
</head>
<body>
<!--...-->
<script type="text/javascript">
var word = "Hello, js";
alert(word);
</script>
</body>
</html>
-
需要补充的是如果不加
defer
和async
的选项,html页面会按照顺序加载脚本,所以应将JavaScript放在<body>
的最后面,这样用户会感觉加载网页的速度变快 -
这种方法并不推荐,在XHTML中,小于号
<
会被认为是标签,尽管可以用注释的方法或者直接用<
代替,但最简便的还是接下来介绍的方法
引入外部JavaScript文件
如果要通过<script>
标签包含外部JavaScript文件,那么src
属性是必须的。这个属性的值是一个指向外部JavaScript文件的链接,例如:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>title</title>
</head>
<body>
<script type="text/javascript" src="./js/example.js"></script>
</body>
</html>
- 这种方法可以将所有
.js
文件聚集起来便于管理 - 也可以将
src
的路径指向网络上的位置,但要保证所指向的内容是可信的可靠的