JavaScript 代码主要放在script 标签中,当浏览器遇到 script 标签,代码会自动运行
script 标签
js在 script 标签的帮助下可以插入到 HTML 文档的任何地方。
比如:
<html lang="en">
<head>
<script> console.log('head中') </script>
</head>
<body>
<script> console.log('标签前') </script>
<h2>hello world</h2>
<script> console.log('标签后') </script>
</body>
</html>
放到body外的script会被自动添加到body中
注释
我们可以在脚本的任何地方添加注释,它们并不会影响代码的执行,注释的内容会被引擎忽略
在script中添加注释有以下两种方法:
- 单行注释
<script>
// console.log('单行注释')
</script>
- 多行注释
<script>
/*
console.log('多行注释')
console.log('多行注释')
*/
</script>
外部引入
除此将js代码放入script外,也可以写到单独的js文件中,通过script标签的src属性引用该文件
比如:
// a.js 目标文件
console.log('这是外部javascript脚本')
<html lang="en">
<body>
<script src='a.js'></script>
</body>
</html>
把JavaScript代码放入一个单独的.js文件中有利于维护代码,并且多个页面可以引用同一份js文件
设置了 src
属性,script 标签内的内容将会被忽略 两种方式只能选择一种
<html lang="en">
<body>
<script src='a.js'>
console.log('内部js') // 该部分内容会被忽略
</script>
</body>
</html>