说明:js是写在html文件内的JavaScript代码,可以来控制页面元素的动作,有两种书写方式,内部方式和外部方式;
引入方式
内部方式
把JavaScript代码写在html页面的script标签内,script标签可以放在页面内的任意位置,一般会放置于body元素的底部,可改善显示速度;页面内可以写多个script标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>js引入方式和注意事项</title>
</head>
<body>
<!--
1.script标签可以放在页面内的任意位置,一般会把脚本置于<body>元素的底部,可改善显示速度
2.页面内可以写多个script标签
-->
<script>
alert("内部js01")
</script>
<script>
alert("内部js02")
</script>
</body>
</html>
外部方式
通过script标签的src属性,引入外部的JavaScript文件;JavaScript文件内只写JavaScript代码,不写script标签;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>js引入方式和注意事项</title>
</head>
<body>
<script src="./javascript/demo1.js"></script>
</body>
</html>
注意事项
内部方式,JavaScript代码需要写在script标签内,所以script标签不能是自闭合标签;
外部方式,引入外部JavaScript文件,script标签也不能是自闭合,必须要写闭合标签,否则引入的JavaScript文件不生效;且标签内不要再写JavaScript代码,写了也不生效。