JS组成
JavaScript:ECMAScript、DOM(文档对象模型)、BOM(浏览器对象模型)
JS初体验
js有三种书写位置,分别为行内、内嵌和外部
1.行内式JS
<input type="button" value="点我试试" οnclick="alert('Hello World')"/>
-
可以将单行或者少量的JS代码写在HTML标签的事件属性中(以on开头的属性),如:onclick
-
注意单双引号的使用:在HTML中我们推荐使用双引号,js中我们推荐使用单引号
-
可读性差,在html中编写大量的代码时,不方便阅读;
-
引号易错,引号多层嵌套匹配时,非常容易弄混;
- 特殊情况下使用
2.内嵌式js
<script> alert('Hello Word~!'); </script>
-
可以将多行js代码写到<script>标签中
-
内嵌JS是学习时常用的方式
3.外部JS文件
<script src="my.js"></script>
-
利于HTML页面代码结构化,把大段JS代码独立到HTML页面之外,既美观,也方便文件级别的复用
-
引用外部JS文件的script标签中间不可以写代码
-
适用于JS代码量比较大的情况
JS注释
单行注释
Ctrl+/
多行注释
alt+?
JS输入输出语句
为了方便信息的输入输出,JS中提供了一些输入输出语句,其常用的语句如下:
方法 | 说明 | 归属 |
---|---|---|
alert(msg) | 浏览器弹出警示框 | 浏览器 |
console.log(msg) | 浏览器控制台打印输出信息 | 浏览器 |
prompt(info) | 浏览器弹出输入框,用户可以输入 | 浏览器 |