一、JS有3种书写位置,分别为行内、内嵌和外部。
1、行内式JS (了解)
<input type="button" value="唐伯虎" onclick = "alert('秋香姐')">
- 可以将单行或少量JS代码写在HTML标签的事件属性中(以on开头的属性),如:onclick
- 注意单双引号的使用,在HTML中我们推荐使用
双引号,JS中我们推荐使用单引号 - 可读性差,在HTML中编写JS大量代码时,不方便阅读
- 引号易错,引号多层嵌套匹配时,非常容易弄混
- 特殊情况下使用
2、内嵌JS (多用于练习)
<script>
alert('Hello World~!');
</script>
- 可以将多行JS代码写到script标签中
- 内嵌JS是学习时的常用的方式
3、外部JS文件(经常使用)
<script src = "my.js"></script>
- 利于HTML页面代码结构化,把大段JS代码独立到HTML页面之外,既美观,也方便文件级别的复用
- 引用外部的JS文件的script标签
中间不可以写代码 - 适合于JS代码量比较大的情况
二、JS的注释
单行注释
// 1.单行注释 ctrl + /
多行注释
// 1.多行注释 shift + alt + a
三、JS的输入输出语句
1、alert()
说明:浏览器弹出警示框
归属:浏览器
<script>
// alert 弹出警示框 输出的 展示给用户的
alert('计算的结果是');
</script>
2、console.log()
说明:浏览器控制台打印输出信息
归属:浏览器
<script>
// console 控制台输出 给程序猿测试用的
console.log('我是程序猿能看到的');
</script>
3、prompt()
说明:浏览器弹出输入框 ,用户可以输入
归属:浏览器
<script>
// 这是一个输入框
prompt('请输入您的年龄');
</script>