在学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;

　　到这里，变量的基础基本上就完成了。

JS入门（一）的更多相关文章

  1. 1. web前端开发分享-css,js入门篇

    关注前端这么多年,没有大的成就,就入门期间积累了不少技巧与心得,跟大家分享一下,不一定都适合每个人,毕竟人与人的教育背景与成长环境心理活动都有差别,但就别人的心得再结合自己的特点,然后探索适合自己的学 ...

  2. React.js入门笔记

    # React.js入门笔记 核心提示 这是本人学习react.js的第一篇入门笔记,估计也会是该系列涵盖内容最多的笔记,主要内容来自英文官方文档的快速上手部分和阮一峰博客教程.当然,还有我自己尝试的 ...

  3. Ember.js入门教程、博文汇总

    第一章 对象模型 Ember.js 入门指南——类的定义.初始化.继承 Ember.js 入门指南——类的扩展(reopen) Ember.js 入门指南——计算属性(compute properti ...

  4. JS入门之ActiveXObject对象（转载）

    JS入门之ActiveXObject对象   此对象提供自动化对象的接口.   function ActiveXObject(ProgID : String [, location : String] ...

  5. Node.js 入门手册：那些最流行的 Web 开发框架

    这篇文章与大家分享最流行的 Node.js Web 开发框架.Node 是一个服务器端 JavaScript 解释器,它将改变服务器应该如何工作的概念.它的目标是帮助程序员构建高度可伸缩的应用程序,编 ...

  6. 【特别推荐】Node.js 入门教程和学习资源汇总

    这篇文章与大家分享一批很有用的 Node.js 入门教程和学习资源.Node 是一个服务器端的 JavaScript 解释器,它将改变服务器应该如何工作的概念.它的目标是帮助程序员构建高度可伸缩的应用 ...

  7. 让我们一起学习《Node.js入门》一书吧！

    Node.js入门 读完本书之后,你将完成一个完整的web应用,该应用允许用户浏览页面以及上传文件. 里面对一些知识的讲解,让你略窥Node.js的门径.最好一段代码一段代码的写下来,我的习惯是手里拿 ...

  8. web前端开发分享-css,js入门篇（转）

    转自:http://www.cnblogs.com/jikey/p/3600308.html 关注前端这么多年,没有大的成就,就入门期间积累了不少技巧与心得,跟大家分享一下,不一定都适合每个人,毕竟人 ...

  9. Node.js入门实例程序

    在使用Node.js创建实际“Hello, World!”应用程序之前,让我们看看Node.js的应用程序的部分.Node.js应用程序由以下三个重要组成部分: 导入需要模块: 我们使用require ...

  10. Underscore.js(1.7.0) 中文文档 Underscore.js 入门

    原文地址:http://www.css88.com/doc/underscore/ Underscore.js 入门   http://www.tuicool.com/articles/jQ3IfeR

随机推荐

  1. js原生设计模式——6复杂对象的构建—Builder建造者模式

    <!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8&qu ...

  2. js原生拓展网址——mozilla开发者

    https://developer.mozilla.org/zh-CN/docs/Web/JavaScript https://developer.mozilla.org/zh-CN/docs/Web ...

  3. IOS开发缓存机制之—本地缓存机制

    功能需求 这个缓存机制满足下面这些功能. 1.可以将数据缓存到本地磁盘. 2.可以判断一个资源是否已经被缓存.如果已经被缓存,在请求相同的资源,先到本地磁盘搜索. 3.可以判断文件缓存什么时候过期.这 ...

  4. WInform 创建一个简单的WPF应用

    (一)创建一个简单的WPF应用 首先,在这里我要说明的是:这里的例子,都是通过控制台程序来创建WPF应用,而非使用现成的WPF模版.因为WPF模版封装了创建WPF应用所需要的各种基本元素,并不利于我们 ...

  5. SQL,SP与ORM

    SQL译为按每一次情况的办理,SP意为存储过程,ORM就是对象-关系映射,比如Hibernate 一,演变  刚开始的时候,只有sql语句,即可以用交互模式一句一句执行, 也可以用批模式执行,多行sq ...

  6. ProjectManager Beta 2 项目管理器发布

    上次载Alpha阶段有一个可用版本Alpha 8也在这个博客发布了,传送:http://www.cnblogs.com/deali/p/ProjectManager.html ProjectManag ...

  7. [转载]【虚拟化系列】VMware vSphere 5.1 虚拟机管理

    转载自:http://mabofeng.blog.51cto.com/2661587/1019497 在上一博文中我们安装了强大的VMware vCenter管理中心,通过VMware vSphere ...

  8. python爆破定长密码脚本

    def get_pwd(str, num):#str为可选字符集,num为密码长度 if(num == 1): for x in str: yield x else: for x in str: fo ...

  9. arcpy.mapping-认识arcpy.mapping

    arcpy.mapping-认识arcpy.mapping by 李远祥 ArcMap提供了强大的地图制图功能,在实际的工作中,只要涉及到专题地图和地图册的制作,难免会遇到非常多的出图工作和地图图面元 ...

  10. ArcGIS制图表达Representation-符号制作

    ArcGIS制图表达Representation-符号制作 by 李远祥 在ArcGIS的符号里面,存在着两种符号体系,一种是传统的标准符号体系,一种是制图表达符号体系.标准符号几乎被绝大部分ArcG ...