在学js之前,我们应该先清楚js是什么,js全称JavaScript。是一门基于对象和事件的,有安全性的脚本语言。所谓脚本语言,就是一行一行执行的,就像剧本一样,一句句的往下读。而对象和事件,则是js自带的一些功能。Js也有很多特点,比如解释执行,就是当需要执行的时候才去检查代码是否符合语法规范,一行一行的执行。同时,js也是基于对象的,这里的对象主要是指js的内置对象。
好了,无聊的概念就到这了。说实在的,我刚学js的时候,看到这些东西就觉得很头大,这都什么跟什么啊,什么脚本语言啊,作为大学打一天到晚在打游戏的我来说,脚本不是外挂吗。不过,学到后来我发现,的确,js对于网页而言,真的跟外挂一样,尤其是学到了DOM之后,js不就是像在开挂一样的修改着html中的内容吗。好了,有点偏离主题了。接下来就说一说一些入门级的js内容。
在我刚刚学js的时候,第一个学的就是五种输出方式,
alert();
document.write();
console.log();
confirm();
prompt();
首先就是alert();说实在的,要我翻译alert的话我可能还要去查下字典,不过很多时候,在js中,你并不需要很清楚一个单词怎么翻译,重点是要记住他的功能,alert();是用来弹出一个提示框,在括号中可以填写弹出框中要显示的内容。比如alert(“Hello World”);在google中打开是这样的,
然后是document.write();它的用处是在页面中输出一句话,跟alert();一样,它的内容也是写在括号中的。比如document.write("啦啦啦");在页面中就是这样的。
同样的,console.log()的用法也是一样的,只是输出的时候是在控制台中,就是在打开浏览器的时候按f12,就能跳出控制台了,如果是谷歌浏览器的话,直接点击最上面的console就能看到了。比如输入console.log("招人啦");就会在控制台输出。
confirm();的用处是弹出一个确认框,confirm跟alert很像,不同的是他有一个一个取消的按钮,而且会返回一个boolean值。
最后剩下一个prompt();它的用处是用来弹出一个能让用户输入的框,并且返回用户输入的值。
我知道,第一次看见这五个东西的时候肯定有点蒙。因为...完全不知道这些东西有什么用处啊!!!说实在的,我也觉得这几个东西对于用户来说,的确是没有什么用处了,因为我们平时上网的时候,除了能看到过一些弹出框之外,基本上就没有看到过其他的东西了。很可惜,我们已经不单单是个用户了,我们是要成为那万人敬仰的程序猿,攻城狮的人。所以,这些东西对我们来说,用的很多,也很有用,不过,这几个根本不用去背,因为在后面的学习和开发中,我们会大量的用到这些东西。
看到这,如果你想去尝试代码的话,你可能会遇到一个问题,就是这些代码要写到哪。是的,我一开始学的时候就是学了这五种输出方式,根本就没有看到代码要写哪,所以,我开始往前翻...。因为,我学的时候看见书前面写的都是介绍JavaScript的历史,就直接跳过了...好吧,吸取教训,看书要从头开始看。
关于js的历史我就不多赘述了,最为理科生的我来说,这些东西不应该出现在我的文章里面。
好了,现在讲讲这些代码要写在哪里,现在的开发中,都是提倡结构跟样式分离的,所以在实际开发中,js代码都是写在单独的js文件里的,然后在html中用<script>标签通过src的属性引入进来的。
不过在我们自己在做代码练习的时候,都是直接写在html中的,js的代码都是写在<script>标签中的。
其次是<script>标签要放置的位置,正常情况下,我们都把<script>标签放在<head>标签中。当然,放在body标签中也不会出错,只是不提倡这种做法,因为,这样放就会让页面结构混乱,如果你的html页面已经写好了,并且用了很多标签,这时候你把script标签放在里面,到时候找起来就有你哭的时候了。
学完了这些之后,就应该学学变量了。
简单来说,变量就是容器,容器里装着数据。对于刚刚入门的人来说,了解到这个程度就足够了,到了后面我们会知道变量真正来说存储的是指向存储数据的位置。如果能理解这句话是最好的,但如果不能理解,也没有什么关系。
知道了变量是什么后,要了解变量的命名规范,变量的命名规范有五点:
1 取值的范围:字母、数字、下划线、$
2 不能使用数字开头
3 不推荐用中文命名,推荐使用有意义的单词命名
4 严格区分大小写
5 不能使用保留字和关键字
看完第五点你肯定很好奇什么是保留字和关键字:
关键字:有特殊功用的单词就叫做关键字;
保留字:关键字的候补队员,现在还不是关键字,将来有可能成为关键字;
然后具体的是哪些呢?下面这些都是。
是不是看见这些都要疯了,难道都要背下来吗,怎么可能,作为一个理科生,这不是要我命吗,说实在的,其实根本都不用担心第五种这样的情况,因为你命名的时候基本上是不会想到这些的。你只要大概眼熟一下这些单词就足够了。
其次,就是如果定义变量。
JavaScript是弱语言类型的,什么叫弱语言类型呢?就变量来说,就是在定义变量的时候,不考虑变量是什么数据类型的。所以在JavaScript中,变量都是用var关键字定义的。
比如要定义一个叫num的变量,我们就可以写成;
var num;
定义好了变量,就要给变量赋值,在赋值的时候,就不得不提一下数据类型了,JavaScript中,数据类型分为简单类型跟复杂类型,这里我就提一下简单类型,简单类型分五种,int,string,boolean,null跟underfined。在给变量赋值的时候,主要是赋值的类型是前三种,就是int,string和boolean。这三种分别是数字类型,字符串类型跟布尔类型。数字类型就包括所有的数字,整数、小数、正数、负数。用双引号或者单引号包起来的都是字符串类型。而布尔类型表示的是条件是否成立,他只有两个值:true和false。所以变量的赋值就可以这么写:
var num=123;
var name=”Hello World”;
var flag=true;
到这里,变量的基础基本上就完成了。