行内式(少用)
<!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> <!-- 1.行内式js --> <input type="button" value="念旧" onclick="alert('宋勇')"> </body> </html>>内嵌式
<!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> <script> // 变量案例2:弹出用户名 var yourname = prompt('请输入您的姓名') alert(yourname) </script> --> </head> <body> </body> </html>外部式
新建一个js文件用alert(’’)语句弹出警示框
alert('猪猪侠');再在html文件中引用
<script src = 'first.js'></script>单行注释
快捷键Ctrl+/
多行注释
快捷键默认为Shift+Alt+A
可在VScode里自行修改为Ctrl+Shift+/
修改方式:设置–>键盘快捷方式–>搜索Shift+Alt+A,出现切换块注释–>双击可修改
单行注释和多行注释快捷键不同,可自行修改
prompt(’’)
浏览器弹出输入框,用户使用
alert(’’)
浏览器弹出警示框,展示用户输出结果
console.log(’’)
控制台,展示给程序员测试用
快捷键一般F12
