1.行内引入
直接在所要加入js样式的代码处加入
<button onclick="alert('这是内部引入!')">按钮</button>
<某标签 on+相关事件=“js代码”></某标签>
2.内部引入
多写在body标签之间,HTML5代码之后
<body> //前面加HTML5代码 <!-- 内部js --> <script> // 弹出警示框 alert('这是内部引入!'); </script> </body>
代码一般自上而下运行,js是在HTML5和CSS代码的基础上,经过某些事件后实现,因此多位于HTML5代码之后。
3.外部引入
在head标签内引入myjs.js文件
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <!-- 外部引入 --> <script type="text/JavaScript" src="./js/myjs.js"></script> </head>
定义外部myjs.js文件
alert('这是外部引入!');
注意:在引入.js文件的script标签内,不能书写js代码,会被忽略。