JS有三种引入方式:行内引入、内部引入和外部引入。
1、行内引入:
<开始标签 on+事件类型=“js代码”></结束标签>。
行内引入方式必须结合事件来使用,但是内部js和外部js可以不结合事件。
<body> <input type="button" onclick="alert('行内引入')" value="button" name="button"> <button onclick="alert(123)">点击我</button> </body>
2、内部引入:
在head或body中,定义script标签,然后在script标签里面写js代码。
<script>
Js代码
</script>
举例:
<script> alert("这是js的内部引入"); </script>
3、外部引入:
定义外部js文件(.js结尾的文件)
<scripttype="text/javascript" src="demo.js"></script>
注:
1. script标签一般定义在head或body中。
2. Script标签要单独使用,要么引入外部js,要么定义内部js,不要混搭使用。
外部的JS文件,它具有维护性高、可缓存(加载一次,无需加载)、方便未来扩展、复用性高等特点。
新建外部的js文件demo.js文件
alert("外部引入")
在head或者body中,添加以下代码
<script type="text/javascript" src="js/demo.js"></script>
手写代码