Collection
Collection
位置
位置一：
JavaScript代码写在html文件中，以 <script></script> 标签包裹。
例子：
demo.html
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script>
document.write('PHP中文网');
</script>
</body>
</html>tips：
如果js代码不涉及操作网页中的元素，可以将该标签写在 <head></head> 标签中。
如果js代码必须操作网页中的元素，必须写在 <body></body> 标签中的底部位置。等页面记载完以后再执行。
位置二（推荐方法）：
将 js 代码写入独立的文件中（文件扩展名为“.js”），再将该文件载入 html 文件中。
例子：
demo.html
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script src="demo.js"> </script> </head> <body> </body> </html>
demo.js
document.write('PHP中文网');tips：
这样做是为了是 js 的代码得到复用，提高效率。
调试
可以将 js 的语句写在浏览器开发者工具中的控制台中，用来调试或测试。
