写在开头:此文章仅为作者自学整理网络上的知识点,如有侵权请联系作者,文章分为多章节,如果能帮到一起学习的小伙伴就再好不过了。
JS有3中书写位置,分别为行内、内嵌和外部。
1.行内式JS
<input type="button" value="点我试试" onclick="alert('Hello World')"
- 可以将单行或少量JS代码写在HTML标签的事件属性中(以on开头的属性),如:onclick
- 注意单双引号的使用:在HTML中我们推荐使用双引号,JS中我们推荐使用单引号
- 可读性差,在HTML中编写JS大量代码时,不方便阅读
- 引号易错,引号多层嵌套匹配时,非常容易弄混
- 特殊情况下使用
2.内嵌JS
<script>
alert('Hello World');
</script>
- 可以将多行JS代码写到<script>标签中
- 内嵌JS是学习时常用的方式
3.外部JS文件
<script src="may.js"></script>
- 利于HTML页面代码结构化,把大段JS代码独立到HTML页面之外,既美观,也方便文件级别的复用
- 引用外部JS文件的script标签中间不可以写代码
- 适合于JS代码量比较大的情况
2.JavaScript注释
单行注释: // 注释语句 快捷键ctrl+/
多行注释: /* 注释语句 */ 快捷键ctrl+shift+/
注意:多行注释相互不能嵌套使用,只能在多行注释里面使用单行注释!
3.JavaScript输出语句
为u看方便信息的输入输出,JS中提供了一些输入输出语句,其常用的语句如下:
方法 | 说明 | 归属 |
alert(msg) | 浏览器弹出警示框 | 浏览器 |
console.log(msg) | 浏览器控制台打印输出信息 | 浏览器 |
prompt(info) | 浏览器弹出输入框,用户可以输入 | 浏览器 |
-
页面输出
<script> document.write("Hello,World!"); </script>
-
控制台输出
<script>
console.log("输出一条日志");//最常用
console.info("输出一条信息");
console.warn("输出一条警告");
console.error("输出一条错误");
</script>