JS初体验
JS有三种书写位置
1.行内式JS
<input type="button" value="柯智辉" οnclick="alert('萌萌')">
- 可以将单行或少量的JS代码写在HTML标签的事件属性中(以on开头的属性),如:onlick;
- 注意单双引号的使用:在HTML中我们推荐使用双引号,JS中我们推荐使用单引号;
- 可读性差,在html中编写JS大量代码时,不方便阅读;
- 引号容易错,引号多层嵌套匹配时,非常容易弄混;
- 特殊情况下使用
2.内嵌JS
<script>
alert('我爱柯兔兔');
</script>
- 可以将多行JS代码写到<script>标签中;
- 内嵌JS是学习时常用的方式。
3.外部JS文件
<script src="my.js"></script>
- 利用HTML页面代码结构化,把大段JS代码独立到HTML页面之外,既美观,也方便文件级别的复用;
- 引用外部JS文件的script标签中间不可以写代码;
- 适合于JS代码量较大的情况。
JS注释
//1.单行注释 ctrl+/
/* 2.多行注释 默认的快捷键 shift + alt + A
2.多行注释 vscode中修改多行注释的快捷键:ctrl + shift + / */
JS输入输出语句
为了方便信息的输入输出,JS中提供了一些输入输出语句,其常用的语句如下:
方法 | 说明 | 归属 |
alert(msg) | 浏览器弹出警示框 | 浏览器 |
console.log(msg) | 浏览器控制台打印输出信息 | 浏览器 |
prompt(msg) | 浏览器弹出输入框,用户可以输入 | 浏览器 |