JavaScript 【在HTML中使用 JavaScript】
使用 <script> 元素的方式
有 2 种方式：
1. 直接在页面嵌入 JavaScript 代码
2. 包含外部 JavaScript 文件
直接在页面嵌入 JavaScript 代码
指定 type 属性（ 一般为 text/javascript ，将 JavaScript 代码直接放在元素内部。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
alert(‘hello world~‘);
</script>
</head>
<body>
</body>
</html>包含外部 JavaScript 文件
使用 src 属性指向外部 JavaScript 文件的链接
比如说有一个项目文件目录如下：
可以在 test.html 中引用外部的 js 文件，例如：
<!DOCTYPE html>
<html>
<head>
<script src="js/example.js" type="text/javascript"></script>
</head>
<body>
</body>
</html><script>标签的位置
传统的做法：<script> 元素放在 <head> 元素中
缺点：
必须等到所有 js 代码被下载、解析和执行完成之后，才开始呈现页面的内容（浏览器在遇到 <body> 标签时才开始呈现内容）。这会导致呈现页面出现延迟。
<!DOCTYPE html>
<html>
<head>
<script src="js/example.js" type="text/javascript"></script>
</head>
<body>
</body>
</html>另外的做法：将全部 JavaScript 引用放在 <body> 元素中页面内容的后面。
有点：更快地呈现页面内容。
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<!-- 这里放内容 -->
<script src="js/example.js" type="text/javascript"></script>
</body>
</html> 相关推荐
nmgxzm00 2020-11-10
ifconfig 2020-10-14
hhanbj 2020-11-17
zfszhangyuan 2020-11-16
古叶峰 2020-11-16
一个智障 2020-11-15
jipengx 2020-11-12
81427005 2020-11-11
xixixi 2020-11-11
游走的豚鼠君 2020-11-10
苗疆三刀的随手记 2020-11-10
Web卓不凡 2020-11-03
小飞侠V 2020-11-02
帕尼尼 2020-10-30
爱读书的旅行者 2020-10-26
帕尼尼 2020-10-23
杏仁技术站 2020-10-23
淼寒儿 2020-10-22