二、Hello World!
这事儿吧,挺有意思,就是学习任何的语言,我们都喜欢在屏幕上直接输出一点什么,当做最简单、最基本的案例。输出什么大家随意,但是很多人都习惯输出“hello world”,世界你好。感觉自己很有情怀的样子。
2.1 JavaScript书写的位置
1 <script type="text/javascript"> 2 alert("Hello World!"); 3 </script> |
JavaSript程序,要写在HTML页面中,运行页面的时候,这个页面上的JS也就一起运行了。也就是说,js的运行必须有宿主环境,最最常见的宿主环境,就是浏览器。
JS写在<script>标签对儿里面,type属性就是类型,text/javascript就是纯文本的javascript;注意,这个type必须写准确,可以不写,但是要写,一定要写准确,否则失效。
2.2 alert()语句
alert就是英语中“警报”的意思,能够让页面弹出警告框。
实际上这条语句,在运行一个内置函数,运行函数就要加圆括号。不要纠结这个东西,学习所有的程序,都是从模仿开始的。前期,不要去纠结语法的机理是什么,只需要进行模仿。你只需要知道,你模仿了,你就能实现效果。随着课程的深入,你将知道每条语句的确切机理。
1 alert("你好啊!"); |
这是一条语句,每条语句之后用;结尾。注意,所有的符号都是英文的符号,不要使用中文!
程序是顺序执行的,任何程序都是这样。
语句都要遵循语法,alert的语法比较简单,就是后面的圆括号。
2.3 控制台
控制台是Chrome浏览器“检查”里面的功能,快捷键是F12。英文叫做console。
程序的所有未捕获的错误,都会在控制台中输出。控制台是调试程序的一个利器。
比如下面的语句用了中文的符号,有语法错误:
1 alert(“你好”); |
有些时候我们想在控制台中自己输出点什么,那么就要使用语句:
1 console.log(); |
console就是控制台,log就是日志的意思,这里是动词,表示打印。
还是那句话,只需要模仿就行了,后面的课程你将知道console是一个内置对象,log是它的一个方法。
比如:
1 console.log("你好啊"); |
养成打开控制台调试程序的习惯。
(百度、京东等在控制台有招聘所发送邮件地址的信息)
2.4 行文特性
JavaScript语句和语句之间的换行、空格、缩进都不敏感。
1 <script type="text/javascript"> 2 alert("你好");alert("帅"); 3 4 5 alert("哈哈哈哈"); 6 </script> |
等价于:
1 <script type="text/javascript"> 2 alert("你好"); 3 alert("帅"); 4 alert("哈哈哈哈"); 5 </script> |
语句后面的分号,不是必须写的,如果语句是一行一行写的,那么分号是没有必要的。但是压缩页面的时候,语句结尾的分号,非常重要。
我们把页面做好之后,通常都会进行压缩,用软件把所有的空格、换行都去掉。此时,语句末尾的分号显得非常重要,如果去掉分号,将不能执行。
不能执行:
1 <script type="text/javascript"> 2 alert("你好")alert("帅")alert("哈哈哈哈") 3 </script> |
正确写法:
4 <script type="text/javascript"> 5 alert("你好");alert("帅");alert("哈哈哈哈"); 1 </script> |
2.5 注释
给人看的东西,对读程序是一个提示作用。复习一下HTML的注释:
1 <!--我是注释--> |
CSS注释:
1 /*我是注释*/ |
JavaScript里面的注释:
单行注释:
1 <script type="text/javascript"> 2 //我是一行注释 3 //再来一行 4 alert("你好"); 5 </script> |
或者多行注释:
1 /* 2 我是一行注释 3 再来一行 4 哈哈,我又写了一行 5 */ |
注释的符号,不能嵌套,错误的示范:
1 /* 2 我是一行注释 3 /* 4 5 */ 6 再来一行 7 哈哈,我又写了一行 8 */ |
sublime中注释的快捷键,就是ctrl+/